Super Tables - HTML Tables with Fixed Headers and More

Features:

• Fixed headers - vertical and horizontal scrolling supported
• Supports multiple header rows
• Supports multiple fixed left columns
• Minimal implementation needed
• Easy to skin
• MIT Style License
• Supports: Firefox 2+, Internet Explorer 5.5+, Safari 3+, Opera 9+ and Chrome (Tested in Windows)
  

Download:

• Compressed: Super Tables v0.30
• Uncompressed: Super Tables v0.30
• Uncompressed: Super Tables v0.25
• Uncompressed: Super Tables v0.24
• Uncompressed: Super Tables v0.23
• Uncompressed: Super Tables v0.23a
• Uncompressed: Super Tables v0.22
• Uncompressed: Super Tables v0.21

How To Use:

1. Include superTables.js and superTables.css in the page / template containing your HTML table.
2. Make sure your table has an id assigned to it. Then, in either your onLoad or onDomReady function, create the new superTable object using the table's id as the parameter along with any options you choose.
3.  

   Options
   variable	data type	note
   cssSkin	string	eg. "sDefault", "sSky", "sOrange", "sDark"
   headerRows	integer	default is 1
   fixedCols	integer	default is 0
   colWidths	array (integers)	use -1 for auto sizing ( in the array )
   onStart	function	executed at the start of the script
   onFinish	function	executed at the end of the script

Examples:

var myST = new superTable("myTableId");

var myST = new superTable("myTableId", {
	cssSkin : "sDefault",
	headerRows : 1,
	fixedCols : 2,
	colWidths : [100, 230, 220, -1, 120, -1, -1, 120],
	onStart : function () {
		this.start = new Date();
	},
	onFinish : function () {
		alert("Finished... " + ((new Date()) - this.start) + "ms.");
	}
});

Change Log:

• Version 0.30:
  • Rendering speed increased significantly in Firefox and Internet Explorer.
  • Required CSS styles have lessened dramatically.
  • rowSpan and colSpan support added.
  • onStart option added. onStart is a function run before the superTable script begins to re-render the table. Any this.variableNameHere variables you create here can be used later ( eg. onFinish function )
  • Fixed various minor bugs.
• Version 0.25:
  • Rendering speed slightly increased.
  • Internet Explorer 5.5 support added.
  • Decreased every CSS skin file from 6kb to 4kb uncompressed.
  • onFinish option added. onFinish is a function run after the superTable script has re-rendered the table. All this.variableNameHere variables from the script are accessible in this function. ( eg. this.columnWidths )
  • Fixed various minor bugs.

Notes / Known Issues:

( current version only )

• No quirksmode support ( officially, but still should work )
• Element id's may be duplicated when fixedCols > 0, causing getElementById() issues
• Safari will render the header row incorrectly if the fixed header row count is 1 and there is a colspan > 1 in one or more of the cells ( fix available )

Regarding Assistance:

The first half of my email address is mmurph211 and the second is at gmail.com. I will also look at any comments on the most recent release announcement post.

Please note: At this time, given how early in release it is, assistance will be very limited.

Future Features:

• Graceful degradation on older browsers
• Table resizing
• Basic sorting
• ..and more likely