Submit Your Article
Home Articles News Tutorials Videos Add An Article
Topics: Design Photoshop Programming PHP CSS Java Database Web Development Javascript Ajax
– Close + Open

Find Out More About DevWebPro!

Sign up for the newsletter


» Terms & Conditions

Welcome to the New DevWebPro!

DevWebPro Includes:
  Hundreds Of Tutorials   Developer News
  Unique Gadget Videos   Tons of Topics to Discuss
  Expert Advice   We Will Publish Your Articles

16 Sortable Table Techniques

Friday, August 10th, 2007
Text: Decrease Font Size Increase Font Size | Print Print Article | Share: Delicious Digg StumbleUpon Post to Twitter Post to Facebook

* This post is regularly updated. *
Tabular data in table form is a regular technique on web sites and web applications for represent data and information. Therefore, a sortable, selectable and paging table can help you manipulate and show all the complex data effectively. Here is the list of useful sortable table techniques with DHTML, Javascripts and AJAX. Click the thumbnails to see live demo immediately.

Nofunc Table Organize – can re-organize the rows and columns and have a very nice looking. Recommended!
nofunc table

TableKit – based on Prototype framework and each table content is editable.
TableKit123456

Brixontech Table Sort – a paging and sorting Ajax table with detailed tutorials for installation.
http://www.brixontech.com/

Sortable Selectable Zebra Table – the selectable function is really useful, recommended.
http://www.eklekt.com/

Kryogenix Sortable – its advanced usage included total rows, unsortable and custom sort keys.
http://www.kryogenix.org/

Sorting HTML Tables with Javascript – is an extendable, unobtrusive and cross-browser compatible table.
http://www.terrill.ca/

SortedTable by Marko Mrdjenovic – can disallow selects by clicking the selected row and highlighting over.
http://friedcellcollective.net/

DhtmlXGrid – based on Ajax-enabled JavaScript, clickable, resizeable and draggable columns.
DhtmlXGrid

Unobtrusive Table Sort
frequency decoder

Ajax Table – can split table on several pages and offers searching function.
http://dev.nozav.org/ajaxtable/

Phatfusion Sortable Table – a filtering and searchable table script.
http://www.phatfusion.net/

Standardista Table Sorting – works at major web browsers and can sort IP addresses.
Standardista Table Sorting

GridView3 – each row with expandable detail and checkbox.
http://extjs.com/

Mootable Sorting Table – simple and elegant with hovering effect.
http://joomlicious.com/

Datagrid
http://dev.chkbox.com/

Joostdevalk Sortable Table – only one Javascript is required.
http://www.joostdevalk.nl/

Miscellaneous

1. Simple TableSorter – a table plugin for jQuery.js library.
2. Unobtrusive Sortable Table – designed by Dhtmlgoodies.
3. Dhtml Large Table – another sortable table.
4. Javascripttoolbox Table
5. Sorting Things – based on objSort.js by thomasfrank.
6. Brainjar Table Sort – simple table script, right click at demo page for source code.
7. Table Sorter by Neil Fraser – based on Javascript and DHTML.
8. Refining Data Tables – by Luke Wroblewski.
9. Tom-mack Table Sorting – based on Prototype.js library.
10. Drag & Drop Sortable Listing – a new way of sorting table.
11. Sortable HTML Table – a unobtrusive table.
12. Learning jQuery: Better Interaction Design and Web Development – by Karl Swedberg.
13. JavaScript & DHTML Cookbook – by Danny Goodman.

Topics: , ,

Leave a Comment

DevWebPro is an iEntry Network ® publication - © 1998-2010 All Rights Reserved