TinyTable, a lightweight JavaScript table sorter that was featured before, has its 3rd version released.

The new version has fresh features like: search, column averages and totals, record numbering, a view all & a reset function.

TinyTable also has features like:
alternate row highlighting
header class toggling
auto data type recognition
selective column sorting
Almost every feature is optional & can be configured while calling the TinyTable function.

Since using tables is still the best option to display tabular data, it is a must-bookmark.
To initialize a table sorter follow the pattern below:

var sorter = new TINY.table.sorter('sorter','table',{
	headclass:'head', // Header Class //
	ascclass:'asc', // Ascending Class //
	descclass:'desc', // Descending Class //
	evenclass:'evenrow', // Even Row Class //
	oddclass:'oddrow', // Odd Row Class //
	evenselclass:'evenselected', // Even Selected Column Class //
	oddselclass:'oddselected', // Odd Selected Column Class //
	paginate:true, // Paginate? (true or false) //
	size:10, // Initial Page Size //
	colddid:'columns', // Columns Dropdown ID (optional) //
	currentid:'currentpage', // Current Page ID (optional) //
	totalid:'totalpages', // Current Page ID (optional) //
	startingrecid:'startrecord', // Starting Record ID (optional) //
	endingrecid:'endrecord', // Ending Record ID (optional) //
	totalrecid:'totalrecords', // Total Records ID (optional) //
	hoverid:'selectedrow', // Hover Row ID (optional) //
	pageddid:'pagedropdown', // Page Dropdown ID (optional) //
	navid:'tablenav', // Table Navigation ID (optional) //
	sortcolumn:1, // Index of Initial Column to Sort (optional) //
	sortdir:1, // Sort Direction (1 or -1) //
	sum:[8], // Index of Columns to Sum (optional) //
	avg:[6,7,8,9], // Index of Columns to Average (optional) //
	columns:[{index:7, format:'%', decimals:1},{index:8, format:'$', decimals:0}], // Sorted Column Settings (optional) //
	init:true // Init Now? (true or false) //
});

Demo: http://sandbox.leigeber.com/tinytablev3/index.html
Download: http://forum.leigeber.com/index.php?app=downloads&showfile=3
Source: http://www.leigeber.com/2009/11/advanced-javascript-table-sorter/

Related Listings:

1. Javascript Sorted Table Javascript Sorted Table In this Sorted Table user can sort...
2. Drag and drop table content with JavaScript With few lines of JavaScript, you can drag and drop...
3. Unobtrusive Table Sort Script Updated The “Unobtrusive Table Sort Script”, that addresses speed issues present...

Do you like this post?

Email: