12 Javascript table controls (DataGrid) are sorted out

1. Flexigrid

Flexigrid is a Grid similar to Ext Grid, but developed based on jQuery. It has the following features: adjustable column width, merge column headers, paging, sorting, show/hide tables, etc. The data displayed by Flexigrid can be retrieved via Ajax or converted from a regular table.

2. Yahoo! UI Library: DataTable (Demo link)

The functions provided by the DataTable control include: sorting, column width adjustment, paging, inline editing, row selection, etc.

3. jqGrid

jqGrid is an Ajaxed jQuery Grid plugin. Provides paging function, adding, editing, deleting and searching records in the table, supports multiple data type input: XML, JSON, Array, etc., multi-row selection, supports subtables, integrated date selection controls, etc.

4. tableFormSynch (demo address)

tableFormSynch is a jQuery plugin that updates table and form data mutually. The functions it provides include: adding new rows based on the data in the form. Deletes the selected rows and clears all data in the form. tableFormSynch supports all form controls including: checkboxes, radio, buttons, select

5. DataTables

DataTables is a jQuery plug-in that allows HTML tables to easily implement paging, filtering, and multi-column sorting. DataTables can use its own CSS style, but you can also customize the CSS style according to your needs. It has the following features:

• Adaptive column width
• Can save table status
• Hidden columns
• Dynamically create tables
• Ajax automatic loading of data
• Rich paging types
• Multi-column sorting and highlighting

6. OmniGrid

OmniGrid is a table control developed using Mootools1.2 and is similar to FlexGrid jQuery and SortableTable. It has paging, sorting, Ajax data loading, add/modify/delete table data functions, etc.

7. moodgets Grid (demo address)

moodgets Grid is an easy-to-use and extensible table control developed based on the Mootools framework. Drag to adjust table column width, sort, select multiple or single rows, click table cells to edit, paging, load data via Ajax.

8. MyTableGrid (demo address)

MyTableGrid is a DataGrid control developed based on the Prototype framework, which is used to display data in an easier to browse and more flexible way. It provides Ajax-supported fast paging and data sorting functions, and can drag and adjust the width of data columns and hide columns that do not need to be displayed.

9. GT-Grid

A domestic company aims to build GT-Grid into a world-class list component to support a variety of applications. It can be a pure client application, or you can choose the built-in JAVA server as its client.

10. obout v3 Grid for ASP.NET

A faster Asp.net Grid. Its excellence lies in: loading millions of data records in just 1 second

11. Table widget (demo address)

This control can convert a normal HTML Table into a sortable Table with fixed headers.

12. jExpand (demo address)

jExpand is a jQuery plugin that makes tables scalable. Using this feature can help you better organize the table and allow the table to carry more information such as pictures, lists, charts and other elements.