Header Ads

Header ADS

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.

No hay comentarios.

Con tecnología de Blogger.