TableKit

TableKit is a collection of HTML table enhancements using the Prototype framework. TableKit currently implements row striping, column sorting, column resizing and cell editing using Ajax.

Download code Visit demo

Tags: table

<< Glider Advanced RSS Ticker >>

TableKit demo

Changes to the code below will update the demo above in real time.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

	<head>
<base href="http://www.ajaxdaddy.com/media/demos/play/1/tablekit/tablekit/" />

Sept. 25, 2007, 4:05 a.m. - Jason: This is an amazing little piece of code.
Nov. 5, 2007, 10:38 p.m. - Robbile Joy: yeah I agree
April 23, 2008, 1:59 a.m. - Milos: Very impressive stuff. I will tune this script with a little more php to get the data from a database. Thanks for sharing.
Sept. 13, 2008, 1:48 a.m. - davec: anyone been able to re-write the table using PHP and still hold onto the functionality????
March 31, 2009, 7:41 a.m. - kimi: Super comme script;mais j'aime bien savoir si on peux inclure une edition avec mise a jour dans la bases de données(ie mysql)
Aug. 14, 2009, 11:05 a.m. - PeePee Boy: My peepee hurts!
May 4, 2010, 11:56 p.m. - glennlosentes: I've been using tablekit for almost 3 years now
Feb. 3, 2011, 4:56 a.m. - karthik: This code is fantastic. But, i was wondering how to disable sorting for a particular column. Is there any way to do that?
Feb. 4, 2011, 2:47 a.m. - karthik: I got the answer. Just add the class ''noedit' to the header of the corresponding coloumn. Its really cool.
Feb. 4, 2011, 2:48 a.m. - karthik: Sorry, actually its 'nosort'
Sept. 30, 2011, 5:32 p.m. - Guangshan Chen: Hi there, I don't know how I can save the value after I change it. Now seems that I can edit it. But I don't know how to save the value after change it. Thanks