sortable tables

When it comes to display sets of data , the most common way to do this is in a table. Sometimes we need the ability to sort that tables, by a column, to help the user in his visit on out site. We can achieve this in 2 ways: a server side – method that require a new request to server, bandwith and patience from the user, or a clientside method, using some javascripts that can do this, with data already sent.

some of those scripts will be presented next:

Unobtrusive Table Sort Script (revisited)

Unobtrusive Table Sort Script (revisited)

As the names says, is an unobtrusive script. It has some nice feature like custom sorts, multiple column sort, keyboard access, callbacks, etc.

Table Sorting with Prototype

Table Sorting with Prototype

Prototype is required for this to work. it can sort different types of data. A notable one is “datasize” e.g. 30MB – detects: B, KB, MB, GB, TB.Optionally you can make the table have a fixed header and a fixed height (and/or width), scrolling body.

table sort

table sort

“TS is able to detect most data types based on the contents of the first cell in the column.” .

tablesort.js by webfx

tablesort.js by webfx

pretty simple sort script.

javascript table sorting script

javascript table sorting script

The script can sort column data containing text, integer numbers and floating-point numbersand has multi-column sort.

Table sorting JavaScript

Table sorting JavaScript

“This unobtrusive table sorting script was awesome, offering sort mechanisms for text, numbers, dates and currencies, by simply adding an external script to a page and a class to a table!”

Sortable Table ColdFusion Custom Tag with jQuery UI

Sortable Table ColdFusion Custom Tag with jQuery UI

It uses coldfusion custom tag, and jQuery

Phatfushion  sortableTable

Phatfushion  sortableTable

This script provide:  sort on numbers, strings, dates and currency and filtering by columns.

It is based on mootools .

If you have other scripts for this category, let me know.

One Comment to “sortable tables”

  1. Falopius 2 February 2008 at 5:53 pm #

    Tablesorter jQuery plugin : http://tablesorter.com/docs/


Leave a Reply