16 Sortable Table Techniques

* 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.

5 thoughts on “16 Sortable Table Techniques

  1. Pingback: Sortable Web Table | AllGraphicsOnline.com

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>