Rating: 1 Star2 Stars3 Stars4 Stars5 Stars
Loading...Loading...

14 AJAX, JavaScript & DHTML Datagrids



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.

  1. 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. ExtJs Grid 14 AJAX, JavaScript & DHTML Datagrids
  2. 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. dhtmlxgrid 14 AJAX, JavaScript & DHTML Datagrids
  3. Phatfusion Sortable sorts the columns in a table and filters its elements. Phatfusion sortable grid 14 AJAX, JavaScript & DHTML Datagrids
  4. Mootable Sorting. Shows an example that highlights the table row and column of the cell you are hovering over. Mootable sorting 14 AJAX, JavaScript & DHTML Datagrids
  5. Elite Zebra Tables – Zebra tables with sorting functionalities. Elite zebra tables gird 14 AJAX, JavaScript & DHTML Datagrids
  6. 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. PHP live datagrid 14 AJAX, JavaScript & DHTML Datagrids
  7. 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. tablekit 14 AJAX, JavaScript & DHTML Datagrids
  8. 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. ruby 14 AJAX, JavaScript & DHTML Datagrids
  9. Unobtrusive Table Sort Script. fredec 14 AJAX, JavaScript & DHTML Datagrids
  10. 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. yahoo datagrid 14 AJAX, JavaScript & DHTML Datagrids
  11. Standardista Table Sorting standardista grid 14 AJAX, JavaScript & DHTML Datagrids
  12. Sortable Tables by WebFX. webfx grid 14 AJAX, JavaScript & DHTML Datagrids
  13. SortedTable sortedtables grid 14 AJAX, JavaScript & DHTML Datagrids
  14. Mootols Table Row & Column Highlighting. Shows an example that highlights the table row and column of the cell you are hovering over.mootools grid 14 AJAX, JavaScript & DHTML Datagrids

The following scripts offer many features you may like to use in your application. Just give them a try and you may like them.

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.

Related Posts

password_star

How To Reveal Your Masked Password Using JavaScript

mootools_vs_jquery

MooTools v/s jQuery

Get-more-twitter-follwers

Tips to Increase Twitter Followers and Detect Twitter Data

Working with Adobe Spry: An Ajax framework

  • Pingback: upnews.it()

  • Pingback: Blogsvine()

  • Ross

    Hi, I'm wondering if leaving out Dojo from this category had any specific reasons behind it? Especially since ExtJs and YUI are both listed.

  • Pingback: 14 AJAX, JavaScript & DHTML Datagrids | Fomly()

  • http://www.cactus.org.cn Chouxinxin

    Let me have a look! but there's no dojo grid.

  • http://www.hurricanesoftwares.com Ashish

    Ross Dojo hasn't released their awaited Grid yet and they are planning to release soon in near future. I will update this article once they will release their Grid. Check this link http://www.sitepen.com/blog/2007/09/16/the-dojo

    Anyways, thanks for asking about it.

  • http://www.cactus.org.cn Chouxinxin

    Let me have a look! but there's no dojo grid.

  • http://www.hurricanesoftwares.com Ashish

    Ross Dojo hasn't released their awaited Grid yet and they are planning to release soon in near future. I will update this article once they will release their Grid. Check this link http://www.sitepen.com/blog/2007/09/16/the-dojo

    Anyways, thanks for asking about it.

  • http://dhtmlx.com Inga

    Please update the link to dhtmlxGrid to: http://dhtmlx.com/docs/products/dhtmlxGrid/