TableCloth: Enhanced Tables from CSSGlobe

October 11th, 2007 Posted by Don Albrecht

Table Cloth Screen Shot

TableCloth is a quick and easy way to enhance the user experience of tabular data.

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..

Assuming you have a well formed data, you simply include the following two lines of code in the head tag of the page:

<link href="tablecloth/tablecloth.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="tablecloth/tablecloth.js"></script>

Get it Online Here:
http://cssglobe.com/lab/tablecloth/