Best jQuery Tables Plugins & Tutorials with Demo

Ingrid : jQuery Grid plugin

Ingrid : jQuery Grid plugin

Datagrids don’t have to be difficult to use anymore – say hi to Ingrid. Ingrid is an unobtrusive jQuery component that adds datagrid behaviors (column resizing, paging, sorting, row and column styling, and more) to your tables. It’s easy to get started – read on below, or check out the Example Pages

jqGrid : jQuery Flexible Grid Plugin

jqGrid : jQuery Flexible Grid Plugin

jqGrid is a grid component for ASP.NET & PHP based on the world’s most popular and flexible jQuery grid plugin jqGrid.

  • Client-side javascript based on jQuery
  • Theming based on jQuery UI (Themeroller)
  • Support for all major databases (MS SQL, MySql, Postgre)
  • Simple
  • No ViewState

List.js – Add search, sort and flexibility to plain HTML lists with jQuery

List.js - Add search, sort and flexibility to plain HTML lists with jQuery

Do you want a 9 KB cross-browser native JavaScript that makes your plain HTML lists super flexible, searchable, sortable and filterable? Yeah!
Do you also want the possibility to add, edit and remove items by dead simple templating? Hell yeah!

Javascript Turn HTML Tables Into Advanced Editable Components : EditableGrid

Turn HTML Tables Into Advanced Editable Components : EditableGrid

EditableGrid is an open source Javascript library aimed at turning HTML tables into advanced editable components. It focuses on simplicity: only a few lines of code are required to get your first table up and running.

 

You can use the EditableGrid library in two ways:

  1. Hook up to an existing HTML table
  2. Build your grid from an XML description of the table structure and contents

zGrid : PHP / AJAX / jQuery based Grid System

zGrid : PHP / AJAX / jQuery based Grid System

I have developed a Grid system using PHP, jQuery and Ajax. I want to share this with my dear users. It is not very well parametrized or generic but if have little much understanding of jQuery and Ajax then its easy to use. Give your feed back about zGrid.

jQuery Desktop

jquery desktop

JavaScript desktop environment built with jQuery + HTML5.

jQuery TinySort a sorting plugin

jQuery TinySort a sorting plugin

TinySort will sort any nodetype by it’s text- or attribute value, or by that of one of it’s children.

Table Drag and Drop JQuery plugin

Table Drag and Drop JQuery plugin

I’ve been using JQuery for a while now and really agree with its tag line that it’s the “The Write Less, Do More, JavaScript Library”. We’ve also got this code for dragging and dropping table rows that has proved very popular, so it seemed natural to combine the two and wrap up the table drag and drop as a JQuery plugin.

jQuery colResizable – resize table columns easily

jQuery colResizable - resize table columns easily

colResizable is a jQuery plugin designed to enhance any kind of HTML table object adding column resizing features by dragging column anchors manually. It is tiny in size (2.8kb) and it doesn´t require any other library dependencies such as jQuery-UI or others. It is fully compatible with all major browsers(IE7+, Firefox, Chrome and Opera), and works perfectly with both percentage and pixel-based table layouts.

BIGrid a Fixed Rows & Fixed Columns table in jQuery

BIGrid a Fixed Rows & Fixed Columns table in jQuery

BI Grid is designed to present your data, especially in the reports for enterprises.The idea comes from the BI system I produced months ago. It would be able to edit data easily, drill down to details easily and ajax enabled. Other good features will be supported in the future.

Features to be supported:

  • It has two modes: View & Edit. The edit mode enable users to edit the data in the grid through Ajax.
  • Init data by using Ajax.
  • Drill down to details by using Ajax.
  • Support JSON & XML data types.
  • Support Multi-skins.