This article collects a large number of jQuery table plug-ins to help Web designers better control HTML tables. You can sort the tables horizontally and vertically, set fixed headers, search for tables, page large tables, and scroll tables. , Drag and drop operations, etc. Many of these plugins contain detailed tutorials. Hope it can be helpful to everyone's development.
jQuery form plug-in
Flexigrid-Web 2.0 Javscript Grid for jQuery-Variable column width, automatically adapt to the header width, can connect to XML data source through Ajax, similar to Ext Grid, but based on jQuery, so it is lighter and smaller.
Chromatable JQuery Plugin-Fixed header, scrollable content area, the header position remains unchanged when the content area scrolls.
Ingrid, the jQuery Datagrid-Add column width adjustment, paging, sorting, row and column style functions to the HTML table (demonstration).
JQTreeTable-Add a tree structure to the table
Scrollable HTML table-Turn ordinary HTML table into scrollable state. Put the table header part in the THEAD area, the content part in the TBODY area, and the footnote part in the TFOOT area, refer to the webtoolkit.scrollabletable.js file, and then create a ScrollableTable() object behind each table (demonstration).
KeyTable-like Excel, it travels between cells and can be edited on the spot.
graphTable-Use flot to turn the content of an HTML table into a graph (demo).
DataTables-a very powerful jQuery table plug-in, variable width page number browsing, on-site filtering. Multi-column sorting, automatic detection of data type, intelligent column width, data can be obtained from almost any data source.
jqGrid Plugin-Ajax-based jQuery form plug-in, which can get data from the server in Ajax mode and fill it in (demo).
Visualize: Accessible Charts & Graphs from Table Elements-Collect data from HTML tables and convert them into charts with the help of HTML5 Canvas objects.
Grider-a simple jQuery plug-in that can calculate, average, accumulate, maximum, minimum, etc. on HTML tables.
Table function enhancement
Table Drag and Drop-By dragging and dropping, the data in the table can be rearranged, and rows that are prohibited from dragging and dropping can be set.
Table Pagination-Automatically generate pagination below the table.
tableRowCheckboxToggle-can automatically check on/off the rows of the table according to the class name
BS Table Crosshair Plugin-When the mouse moves on the table, the cells passing by are automatically cross-highlighted
jqtable2csv-Convert HTML table to SVG string.
Colorize-automatically use different background colors for table interval rows
jExpand-a very lightweight jQuery plugin that can expand/close table cells so that the table can hold more content.
columnHover-when the mouse passes over, the entire column can be highlighted, and even supports colspans and rowspans
HeatColor-According to rules, or automatically analyze the values in the table, and distinguish the values in different ranges by different colors.
Fixed Header Table-Scrollable table with fixed header
Table search, filter
tableFilter-add a simple filter function to the table.
uiTableFilter-Filter (hide) table rows based on conditions
Tablesorter 2.0-Convert ordinary tables with THEAD and TBODY tags into sortable tables, which can analyze a variety of data and support multi-column sorting.
PicNet Table Filter-Real-time, Google-style filtering
jQuery tinysort- http: //www.21kaiyun.com online Ziwei Doushu constellation sorting
LiveFilter 1.1-a very lightweight form filter plug-in, very simple to deploy.
jQtablesearch-fast search, very fast
Quicksearch-Simple search function
jQuery on-site editing of
TableEditor – Flexible in place editing of TableSorter-On-site editing of table content, users can insert Ajax mechanism to restore data
jGridEditor-On-site editing, configurable Ajax to restore data
Original: Nope jQuery HTML Table Toolbox (original author: Paul Andrew)
http://blog.csdn.net/21aspnet/archive/2010/07/28/5770916.aspx