Best JQuery Plugins For Table Manipulation

Best JQuery Plugins For Table Manipulation

Table is the most difficult object to be styled, due to its browser compatibility and markup. Most of the designers and developers will use div to replace table because it is much more easier to style div than table. But, we still need table in our daily applications, one of the best example is comparison table. This article will share 10 useful jQuery table plug ins for you to display, sort, filter and manipulate your data in table.

– New Horizon

New Horizon

Fixed width, 2-column website template. A light on dark theme design with a nice colorful image header.

– jQuery treeTable

jQuery treeTable

jQuery treeTable is similar with JQTreeTable, which is able to display a tree in a table. This plugin keeps the HTML documents clean and will degrade nicely when Javascript is disabled in the browser.

– jQuery ColumnManager plugin

jQuery ColumnManager plugin

ColumnManager is a jQuery plugin that able to toggle the visibility of table columns (collapsing and expanding them) and to save the state until the next visit. This is a very tiny and lightweight plugin which is only 3.6kb packed.

– Ingrid

Ingrid

Ingrid is yet another jQuery Datagrid plugin. It has features like column resizing, paging, sorting, row and column styling and more. The author’s website provide great documentation on how to get started with this plugin.

– JQTreeTable

JQTreeTable

With JQTreeTable, you can have a treeview in your table. With this plugin, users still get the plain table even thought they disable Javascript.

– HeatColor

HeatColor

HeatColor is a plugin that allows you to assign colors to elements, based on a value derived from that element. The derived value is compared to a range of values, either determined automatically or passed in, and the element is assigned a “heat” color based on its derived value’s position within the range.

– Flexigrid

Flexigrid

Flexigrid is a lightweight Web 2.0 Javascript Grid for jQuery. It has a lot of cool features such as theming, paging, toolbar, search, sortable, ajax loading data source, resizable columns, height and width.

Lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content.

Similar in concept with the Ext Grid only its pure jQuery love, which makes it light weight and follows the jQuery mantra of running with the least amount of configuration.

– Features:

  • Resizable columns
  • Resizable height and width
  • Sortable column headers
  • Cool theme
  • Can convert an ordinary table
  • Ability to connect to an ajax data source (XML and JSON[new])
  • Paging
  • Show/hide columns
  • Toolbar (new)
  • Search (new)
  • Accessible API
  • Many more

– Tablesorter

Tablesorter

Tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. It supports multi-column sorting, cross-browser and easily extensible via its widget system.

– Scrollable HTML Table

Scrollable HTML Table

Scrollable HTML Table plugin for jQuery able to convert a table into scrollable.

– uiTableFilter

uiTableFilter

uiTableFilter is a jQuery plugin for filtering table rows. The author shows a detailed example on how to implement the filter function for your table together with the plugin.

– DataTables

DataTables

DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table.

Key features:

1. Variable length pagination.
2. On-the-fly filtering.
3. Multi-column sorting with data type detection.
4. Smart handling of column widths.
5. Display data from almost any data source.
6. DOM, Javascript array, Ajax file and server-side processing (PHP, C#, Perl, Ruby, AIR, Gears etc)
7. Scrolling options for table viewport.
8. Fully internationalisable.
9. jQuery UI ThemeRoller support.
10. Rock solid – backed by a suite of 2600+ unit tests.
11. Wide variety of plug-ins inc. TableTools, FixedColumns, KeyTable and more It’s free!

Share It

Related Posts