TinyTableV3 先进的JavaScript表格分选

TinyTableV3  先进的JavaScript表格分选387
第三个迭代TinyTable表的脚本添加搜索排序,列平均值和统计,记录编号,查看所有函数和复位功能。
只有6 kb它仍然是轻量级的,快速,包括之前所有TinyTable特性。

其他功能还包括交替行高亮显示,头类切换,自动数据类型识别,选择列排序。

初始化表分选机遵循以下模式:
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) //
});

也许你还喜欢