Wednesday, May 30th, 2007

TableKit: Prototype Table Tweaking

Category: Component, Prototype

TableKit is a Prototype based library that lets you create sort, inline edit, and resize tables.

There is a simple unobtrusive way to use the component:

  1. <table class="sortable resizable editable">

And, you can get lower level and work directly with the API via the TableKit objects.


Posted by Dion Almaer at 3:20 am

3.9 rating from 60 votes


Comments feed TrackBack URI

Hi, cant get to the link, is there another site its hosted on?

Comment by Ilia — May 30, 2007

@ Ilia:

This is the original one:, maybe this one works for you?

The links works perfect for me…

Comment by Edwin Siebel — May 30, 2007

Hey this thing rocks :)

Comment by Alex93053 — May 30, 2007

Would be cool if this could integrate with a MySQL database :D

Comment by Nick — May 30, 2007

Alex: I think you have some basic reading to do, because unless that was a joke you’re prime for your first class of web programming. First topic probably will be “Why you’re completely wrong in everything you think you know about MySQL, PHP, JS, HTML and CSS”.

Because it took me exactly 2 seconds to integrate this with a MySQL database for everything but the edit. And an additional 15 minutes for the edit part.

Comment by Eduo — May 30, 2007

Outstanding effort.

Comment by Marty — May 30, 2007

1) Resizing is very crappy in Opera (9.20), as it is extremely difficult to ‘grab’ the correct place

2) In IE6, resizing is limited by the width of text content of a table. This doesn’t occur in other browsers.

Comment by ondras — May 30, 2007

Very impressive. The only thing that I think is missing is some sort of post edit renderer, since editing the urgencies leaves you with some weird looking results.

Comment by Adam Sanderson — May 30, 2007

A cool extra feature:
Column reordering for TableKit

Comment by Angel Botana — May 30, 2007

@Eduo: the speech bubbles point downwards

Comment by Alex93053 — May 31, 2007

Does anyone have handy the proper syntax for running this tablekit with AJAX? I’m still pretty new at all this, but I have a php page that has a table on it and depending on the button the user hits, the same table populates with different data from an xml file.
Same old story, it works fine on it initial load, but anytime i re-populate, the sorting functionality goes away. I’ve tried several things, but _autoload doesn’t seem to do anything for me and if I call the TableKit.Sortable.init(‘tableid’) i get nothing either. I’ve been scouring the interent for hours these past couple days. Can anyone help?


Comment by cultron — November 12, 2009

Leave a comment

You must be logged in to post a comment.