coding (RSS)

Webdevelopment: Awesome styled tables with css and javascript

March 15, 2008 in coding how-to

Tablecloth is lightweight, easy to use, unobtrusive way to add style and behaviour to your html table elements. By simply adding 2 lines of code to your html page you will have styled and active tables that your visitors will love.

tablecloth Webdevelopment: Awesome styled tables with css and javascript

Features

Tablecloth takes bare, well formed table and applies styling and behaviour to it. It searches your html source for table elements and process each one. Oh, yes there’s absolutely no need for hardcoded class names or id’s. Tablecloth adds those automatically. However, if you wish, you can apply your own class names without fear of them being run over.

It features:

  • Adding even/odd class names to alternative rows.
  • Adding over and out class names for mouse over and mouse out states.
  • If set to true Tablecloth will highlight rows or columns (or both).
  • If set to true Tablecloth adds selected state on click. Based on preferences it then selects rows or columns (or both). Unselect elements by clicking anywhere on the page.
  • It leaves room for your upgrade. It has easily editable function that is called when you click on table cell that you can use for your own code..

Spread this KnowTe

Digg Del.icio.us Stumble Float Technorati Bump
Whatever you want to say!
Leave a Comment »
Leave a comment!
Note: You can also use your free Gravatar avatar on Knowtebook! Please also read our Publishing Policy before posting.

Ja, ich möchte bei Kommentaren benachrichtigt werden!

Trackbacks/Pings
Trackback-URL