10 Best jQuery Plugins for working with Tables

TableSorter

tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell. It has many useful features

Colorize

Colorize is a jQuery plugin to add background color to alternate HTML table rows, highlight a row/column on mouse over, and colorize a row/column when you click your mouse button over it. You can colorize as many table rows or columns as you want. A repeat mouse click reverts the row/column to the original background color.

tableRowCheckboxToggle

This plugin generically adds the toggle function to any table rows you specify based on the css class names. It will by default toggle any checkboxes within the table row. However, you can manually exclude checkboxes based on name, id or css classes in the script. In addition to the phpMyAdmin function, I added an initialization step in the script that correctly marks a row when it’s considered checked on page load.

TablePagination

TablePagination is a plugin so that you can auto add a pagination element to the bottom of a html table. There are a variety of settings to customize the elements.

JQTreeTable

This plugin takes a plain HTML table and transform it in a table with a tree inside it.

jQuery table2csv

This plugin provides conversion from a html table to a csv string. It has only two parameter: callback and delimiter.

jQuery Table Display

This plugin creates the methods "showRow", "hideRow" and "toggleRow", to manage the display of table rows.

Code example:

FireScopeGrid

FireScope Grid is an open source jQuery component that adds datagrid behaviors to your HTML tables, regardless of the server-side technology being used. Included in the plugin is a navigation bar that is automatically appended at the beginning or end of a table that enables users to page through results, filter results by any column or sorted on the fly without need to refresh the entire page.

SearchTable

This plugin (very small in size) allows you to search for a text in an existing table and show only those rows that match.

Code example:

JavaScript: HTML:

tableLib

jQuery plugin for for performing various actions with HTML tables like adding ang removing rows.

Code example:

Comments

i think you forgot:
http://www.datatables.net/

which does pretty much all the the above, with one or two exceptions.

thank you very usfull info thanks

That data tables one is truly amazing.

I love jquery!

Guys these are nothing...
Check out the following link and see whats in store...

jqGrid [recommended]
http://trirand.com/jqgrid/jqgrid.html

Flexigrid
http://flexigrid.info

Are you human

You can use simple HTML-formatting tags(like <b>, <ul>, <code> and others)

Are you human
search engine optimisation
Advertise on this site

Live