We generally use HTML tables to display data, and we all know that div is easier to design and more flexible. But now that you're using these wonderful jquery form plugins, it will be simpler, more flexible, and more style. This article introduces 18 very good jquery form plugins,
We generally use HTML tables to display data, and we all know that div is easier to design and more flexible. But now that you're using these wonderful jquery form plugins, it will be simpler, more flexible, and more style.
This article describes 18 very good jquery form plugins.
1.DataTables
DataTables is a jquery form plugin. This is a highly flexible tool based on a gradual enhancement, which will add advanced interactive controls that support any HTML table.
View Live Demo
2.tablesorter
Tablesorter is a jquery plugin that sorts tabular data directly on the browser without having to refresh the page again, supporting multiple cell data types such as numeric, string, date, and custom sorting.
View Live Demo
3.uiTableFilter
Uitablefilter is a jquery plugin used to filter columns in a table.
View Live Demo
4.columnHover
jquery plugin, you can highlight the entire column in the table when the mouse hovers over it.
View Live Demo
5.Scrollable HTML Table plugin for jQuery
Scrollable HTML table This jquery plugin is used to display data for scrolling rows in a fixed-height table.
View Live Demo
6.columnManager
Columnmanager is a jquery plugin that can control the display or hiding of any table column, and it can save the status of the current table to your next visit. This jquery plugin is very small and lightweight, only 3.6kb.
View Live Demo
7.Flexigrid
Flexigrid is a grid similar to Ext gird, but based on the jquery development. Features include: You can adjust column widths, merge column headings, pagination, sort, show/hide tables, and more. The data displayed by Flexigrid can be obtained via Ajax or converted from a common table.
View Live Demo
8.Table Drag and Drop JQuery plugin
Just add the following code <script type= "Text/javascript" > $ (document). Ready (function () {//Initialise the table $ ("#table-1"). Tablednd (); }); </script> You can drag the column casually.
View Live Demo
9.HeatColor
Heatcolor lets you set the color for an element based on the value of the element. The comparison of its values is based on a range of presets, and finally the color values are set for them automatically.
View Live Demo
10.JQTreeTable
With the Jqtreetable plugin you can get a tree table, and if the user's browser disables JavaScript, they can also see the normal form of the table without affecting accessibility.
View Live Demo
11.FireScope Grid
Firescope Grid is a jquery plugin that uses HTML tables to add common functionality to data tables, which are done directly on the client.
View Live Demo
12.Ingrid
Ingrid is a jquery electronic digital form plugin that features column widths, pagination, row and column styles, and more.
View Live Demo
13. Dynamic Sort data Table jquery plugin –jtps
Jtps jquery data Form plug-in, provides dynamic scrolling, row page and other functions, the development version is only 15Kb.
View Live Demo
14.PicNet Table Filter
The jquery plugin adds real-time class Google list filtering to HTML tables. The open source project is based on the MIT Protocol.
View Live Demo
15.TableSort
Original table sort script overrides, including some more features, a faster sort schema.
View Live Demo
16.Fixed Header Table
This is a jquery plugin that can fix the header of a table. When the table scrolls down, the header does not move.
View Live Demo
17. Expand your form –jexpand plugin
Jexpand is a jquery plugin that allows tables to have scalable functionality. Using this feature can help you better organize your tables so that the tables carry more messages such as pictures, lists, charts, and other elements.
View Live Demo
18.TableEditor
Tableeditor provides flexible, instant editing of tables, and allows users to customize editing functions such as calling Ajax methods to update data.
View Live Demo