tinytablev3

TinyTable es un script que convierte una simple tabla HTML en una tabla avanzada gracias a JavaScript. Esta nueva versión permite: ordenar datos por cabecera de columnas, búsqueda, promedio y totales de columnas con valores numéricos, numeración de registros y funciones para ver todos los registros ó resetear valores por defecto.

Configuración básica:

<script type="text/javascript">
 var sorter = new TINY.table.sorter('sorter','table',{
 headclass:'head',
 ascclass:'asc',
 descclass:'desc',
 evenclass:'evenrow',
 oddclass:'oddrow',
 evenselclass:'evenselected',
 oddselclass:'oddselected',
 paginate:true,
 size:10,
 colddid:'columns',
 currentid:'currentpage',
 totalid:'totalpages',
 startingrecid:'startrecord',
 endingrecid:'endrecord',
 totalrecid:'totalrecords',
 hoverid:'selectedrow',
 pageddid:'pagedropdown',
 navid:'tablenav',
 sortcolumn:1,
 sortdir:1,
 sum:[8],
 avg:[6,7,8,9],
 columns:[{index:7, format:'%', decimals:1},{index:8, format:'', decimals:0}],
 init:true
 });
</script>

Aunque ya no es un deber optimizar para IE6 este script funciona correctamente en este.

Ver demo!