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.

[Homepage | Download | Demo]

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

[Homepage | Download | Demo]

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

[Homepage | Download | Demo]

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

[Homepage | Download | Demo]

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

[Homepage | Download | Demo]

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

[Homepage | Download | Demo]

Do you wish to receive the latest updates as soon as they are posted? Get our RSS Feed or Subscribe to the Newsletter!