When we have to present our data in a systematic fashion we have to exhibit in Datagrid style. Table is an ideal example of a well-structured data presentation, which is easy to evaluate and easy to handle. Used for its original purpose – to present data, not to style it -, it can convey ideas effectively. And this is what most of us are actually trying to achieve in the Web.
Furthermore, the user experience can be immensely improved with optional functionalities – such as sorting, filtering and fast editing.
Following are 14 most popular AJAX, JavaScript & DHTML Datagrids which you can use in your application. Please check the user agreement before you download and use them in your application.
- ExtJs Grid with Expander Rows, Collapse and Force Fit, Framed with Checkbox Selection and Horizontal Scrolling as well as standard Panel features such as framing, buttons and toolbars.
- dhtmlxGrid shows flexible and solid structure and can be presented in a variety of ways. Numerous skins are available; also complex, paginated table structures can be easily created. The scripts are released under the GPL; support costs money.
- Phatfusion Sortable sorts the columns in a table and filters its elements.
- Mootable Sorting. Shows an example that highlights the table row and column of the cell you are hovering over.
- Elite Zebra Tables – Zebra tables with sorting functionalities.
- 6. PHP Live Datagrid, based upon the XAJAX Library. Can be used for large databases, as shown in example containing over 500 pages. The table is paginated and can be browsed from page to page.
- Table Kit is based upon the Prototype Framework. The columns can be sorted, selected and the rows can be scaled. A tutorial related to table sorting ith Prototype is also provided.
- How to paginate, sort and search a table with Ajax and Rails. A comprehensive tutorial explains the basis of sortable tables with Ruby on Rails.
- Unobtrusive Table Sort Script.
- Yahoo UI Library’s DataTables. Various examples with various demos in a brief overview. The scripts aren’t necessarily visually appealing, however they deliver some functionalities one won’t find in similar scripts. The example shown below has sorting and editing functionality.
- Standardista Table Sorting
- Sortable Tables by WebFX.
- SortedTable
- Mootols Table Row & Column Highlighting. Shows an example that highlights the table row and column of the cell you are hovering over.
The following scripts offer many features you may like to use in your application. Just give them a try and you may like them.
- Sortable Ajax Tables in JSON and XML with MochiKit
- JavaScript Sortable Table
- DHTMLGoodies
- Interactive Pivot table
- OAT Framework Grid
- slGrid
- phpMyDataGrid Professional
- Animated Sortable Datagrid jQuery plugin – jTPS
Courtesy : Smashingmagazine.com
I would love to see your comments here with your usability suggestions. If you like this post kindly subscribe to our RSS.