10 Table Plugin For jQuery Must To Be Learned

Friday, 01 May 2009 06:11 Joseph Web Development

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.

1. Colorize

2. 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

3. 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.

4. 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

5. JQTreeTable

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

6. jQuery table2csv

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

7. 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.

8. 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.

9. tableLib

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

10. jQuery Table Display

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