» Birthday Bundle - Over $400 worth of Envato files for just $20

Table Sorting, Filtering etc. from JavaScript Toolbox

Posted on December 24, 2008, Filled under JavaScript,  Bookmark it

Tabular data in table form is very common in web sites and web applications, a common requirement being the manipulation of table data on the client side. It is a better alternative than going back to the server, to sort, filter etc.

Here are some key features of the library that I found on JavaScript Toolbox.

- Fast Sorting due to a number of optimizations
- Rowspan and Colspan in headers that do not confuse the code
- Alternate row colors, handled by re-shading after sorting or filtering
- Tbody contents are handled separately, so there can be separate sortable sections of a table
- Easy CSS classes are applied to cells after filtering, sorting, etc which you can hook into from your CSS rules to show the sorted column or the cells which are filtered.

Client-Side Table Sorting Basic Example
table-sorting-filtering

Client-Side Table Filtering with alternate rows containing names starting with “Ma”
table-sorting-filtering2

Client-Side Table Paging
table-sorting-filtering3

Click here to view live examples!

Do you wish to receive the latest updates as soon as they are posted? Get our RSS Feed or Subscribe to the Newsletter!

Get our RSS Feed!

Leave a Reply


* = required fields

  (will not be published)


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

Note: If you want to post CODE Snippets, please make them postable first!
(e.g. <br /> should be converted to &lt;br /&gt;)