TinyTable, ordenar tabla con JavaScript

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!

One thought on “TinyTable, ordenar tabla con JavaScript

  1. Es una excelente libreria,asi como tambien la libreria TableSorter, pero mi pregunta, es como podria hacer que funcione en una tabla que esta en un template con Smarty ? o si conones alguna que trabaje con Smarty, te lo agradeceria,

Leave a Reply

Your email address will not be published. Required fields are marked *

Proudly powered by WordPress | Theme: Wanderz Blog by Crimson Themes.