JQuery table plugin Summary

This article collects a large number of jQuery table plug-ins to help Web designers better control HTML tables. You can perform horizontal and vertical sorting on tables, set fixed headers, and search for tables, paging large tables, scrolling tables, drag-and-drop operations, and so on. Many of these plug-ins contain detailed tutorials. I hope it will be helpful for everyone's development.

JQuery table plugin

Flexigrid-Web 2.0 Javscript Grid for jQuery-variable column width, automatically adapts to the header width. You can connect to the XML data source through Ajax, similar to Ext Grid, but it is lighter and smaller Based on jQuery.

Chromatable JQuery Plugin-Fixed Header, which can be used to scroll the content area. The position of the header remains unchanged when the content area is rolled.

Ingrid, the jQuery Datagrid-add features such as column Width Adjustment, paging, sorting, and row and column style to the HTML table (demonstration ).

JQTreeTable-Add a tree structure to the table

Scrollable HTML table-changes a common HTML table to a Scrollable state. Place the header part in THEAD area, the content part in the TBODY area, and the footer part in the TFOOT area to reference webtoolkit. scrollabletable. create a ScrollableTable () object after each table ).

KeyTable-similar to Excel, you can move between cells and edit them on site.

GraphTable-use flot to convert the content in an HTML table into a graph (DEMO ).

DataTables-a very powerful jQuery table plug-in that allows you to browse pages on different pages and filter pages. Multi-column sorting, automatic detection of data types, smart column width, data can be obtained from almost any data source.

JqGrid Plugin-Ajax-based jQuery table plug-in. You can use Ajax to retrieve data from the server (DEMO ).

Visualize: Accessible Charts & Graphs from Table Elements-collect data from an HTML Table and convert it to a chart using the HTML5 Canvas object.

Grider-a simple jQuery plug-in that can calculate, average, accumulate, maximum, and minimum values of HTML tables.

Table feature enhancements

Table Drag and Drop-you can Drag and Drop to rearrange the data in the Table.

Table Pagination-automatically generates paging navigation under the Table.

TableRowCheckboxToggle-you can automatically check on/off a table based on the class name.

BS Table Crosshair Plugin-when the mouse moves on the Table, the passing cells are automatically highlighted.

Jqtable2csv-convert an HTML table to an SVG string.

Colorize-automatic use of different background colors for table interval rows

JExpand-a very lightweight jQuery plug-in that can expand/Close table cells so that tables can accommodate more content.

ColumnHover-you can highlight the entire column when you move the mouse, or even support colspans and rowspans.

HeatColor-analyze values in a table based on rules or automatically, and differentiate values in different ranges by different colors.

Fixed Header Table-Fixed Table Header scrolling Table

Table search and filtering

TableFilter-adds a simple filtering function to a table.

UiTableFilter-filter (hide) table rows based on conditions

Tablesorter 2.0-converts a common table with THEAD and TBODY labels into a sortable that can analyze multiple types of data and support multi-column sorting.

PicNet Table Filter-real-time, Google-style filtering

JQuery tinysort-http://www.21kaiyun.com online ranking

LiveFilter 1.1-a lightweight table filtering plug-in that is easy to deploy.

JQtablesearch-Quick Search

Quick search-simple search

JQuery on-site editing

TableEditor-Flexible in place editing of TableSorter-on-site editing of table content. you can insert Ajax to save data.

JGridEditor-on-site editing. You can configure Ajax to store data.

Original: Nope jQuery HTML Table Toolbox (Author:Paul Andrew)