jquery Form plugin: Helping Web designers navigate HTML Tables

This article collects a large number of jQuery form plug-ins to help Web designers to better navigate the HTML table, you can sort the table horizontally and vertically, set the fixed table, search the table, the large table page, scrolling table, drag-and-drop operation, and so on. Many of these plug-ins contain detailed tutorials.

JQuery Form Plugin

Flexigrid–web 2.0 javscript grid for jQuery-variable column width, automatically adapts to the header width, can be connected to an XML data source via Ajax, similar to Ext Grid, but is lighter in size based on jQuery.

Chromatable JQuery Plugin-Fixed table header, scrollable content area, the table header position remains unchanged when the content area scrolls.

Ingrid, the JQuery Datagrid-Adds a column-wide adjustment, pagination, sorting, and Row style features (demo) to the HTML table.

Jqtreetable-Adding a tree structure to a table

Scrollable HTML table-changes the normal HTML table to a scrollable state. Place the header part in the THEAD area, the content part into the Tbody area, the footer part into the TFOOT area, reference the Webtoolkit.scrollabletable.js file, and then create the scrollabletable after each table () Object can be (demonstrated).

KeyTable-like Excel, you can cruise between cells and edit them in the field.

Graphtable-use Flot to turn content in an HTML table into graphics (demo).

DataTables-Very powerful jQuery form plugin, Variable wide page view, field filter. Multiple-column sorting, automatic probing of data types, intelligent column widths, and access to data from almost any data source.