Do you need to add advanced interaction controls to your HTML Table without refreshing the browser page? Checkout the following list of Data Grids:
tablesorter is an awesome JQuery plugin that turns a standard HTML table with HEAD and TBODY tags into a sortable table without page refreshes.
Features:
- Multi-column sorting
- Parsers for sorting text, URIs, integers, currency, floats, IP addresses, dates (ISO, long and short formats), time. – you can add your own easily
- Support for ROWSPAN and COLSPAN on TH elements
- Extensibility via widget system
- Cross-browser: IE 6.0+, FF 2+, Safari 2.0+, Opera 9.0+
- Small code size
The script is very easy to setup and it has a full documentation that will help you to customize it.
DataTables is an excellent JQuery Plugin for sorting tables. It’s a highly flexible tool which adds advanced interaction controls to any HTML tables:
Quick feature list:
- Variable length pagination
- ‘On the fly’ filtering
- Multi-column sorting with data fly detection
- Smart handling of column widths
- Multilingual
- State saving
- Hidden columns
- AJAX auto loading of data
- Customizable via CSS
Yahoo! UI Library: DataTable provides a simple and powerful API to display screen-reader accessible tabular data on a web page.
Important features:
- Sortable columns
- Pagination
- Row Selection
- Scrolling
- Inline Cell Editing
- Resizeable columns
dhtmlxGrid is an Ajax-enabled JavaScript grid control with powerful data binding, cutting-edge functionality, and excellent performance with large datasets. The gridview component is easy to use and provides great flexibility having a rich client-side API. Different data sources are supported such as: CSV, JS array, XML, JSON, HTML Table.
A quick feature list:
- Full Control with JavaScript API
- Simple JS or XML Configuration
- Integration with HTML Form
- Built-in filtering, searching, grouping
- Auto-calculated values in footer/header
- Easy client-to-server comunication
- Support for including other grids as subgrids
- Drag-and-drop rows/columns within grid
- Different keyboard mappings
Nitobi Grid offers features that matter to developers: Excel copy and paste, in-place cell editing, and live scrolling.
Features include:
- Livescrolling Mode
- Master-Detail Grids
- Multi-Select
- Paging Mode
- Remote Data
- Resizable Grid
- Showall Mode
TinyTable JavaScript Table Sorter – 2.5KB is a very small and easy to use ‘Data Table’ script. It has been tested in Firefox 2/3, IE 6/7/8, Opera, Safari and Chrome.
Features include:
- Row & Column Highlighting
- Optional pagination
- Support for links
- Date/link parsing
- Header Class Toggling
- Auto data type recognition
- Selective column sorting