Friday, September 5th, 2008

jTPS: Animated Sortable Datagrid jQuery plugin

Category: jQuery

The data grid above is a jQuery plugin jTPS that creates a table you can sort and page through, using nice animations, all via a simple call out:


  1. $(document).ready(function () {
  2. $(’#TABLETOCONTROL’).initTable( {perPages:[5,12,15,50,'ALL']} ).controlTable();
  3. });

Posted by Dion Almaer at 6:14 am

3.9 rating from 55 votes


Comments feed TrackBack URI

Cool, but why have an annoying animation? Thank god that no operating system animates grids.

Comment by Jeria — September 5, 2008

If animation is what the developer calls the effect when the paging is invoked, I don’t mind it all. It’s fast and very effectively catches the user’s eye to inform him/her that the content has changed. The rest of the controls such as sorting on a column or changing rows per page don’t seem to be animated. The only problem I can see with this is that you still need to load the entire dataset onto the page, so if you have a large recordset like say 1000 entries, it’s going to be quite laggy. It would be cool if it retrieved the following pages by JSON or Ajax, but I guess that would also require a server component as well.

Comment by starkraving — September 5, 2008

Something is funky about the sort. I think it’s not stable or something.

Comment by Nosredna — September 5, 2008

For chrissakes people, it’s not a grid, it’s a table.

In a grid, I can arbitrarily place any datum in any (x,y) coordinate. in a table I cannot because the columns are typed.

corollary: sorting a grid makes no sense.

Comment by randomrandom — September 7, 2008

why sorting maikes no sense?

Comment by webflake — September 12, 2008

Leave a comment

You must be logged in to post a comment.