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.