Ordenar Datos con Sortable

28.05.07

Muchas veces cuando presentamos datos a través de tablas nos es factible un método de ordenación sin recargar la pagina, Sorttable es un pequeño script de tan solo 16Kb que nos permite ordenar los datos a través de columnas, el script esta basado en DOM.

Una vez descargado el script procederemos a llamarlo

<script src="sorttable.js"> </script>

Luego necesitaremos crear una clase básica en css para las cabeceras

.sortable th {
    background-color:#000;
    color:#c0c0c0;
    cursor: pointer;
}

Ahora tan solo nos bastara asignar la clase a nuestra tabla

<table class='sortable' >

Una vez asignado el script detectara automáticamente el tipo de dato de cada columna, ahora si quieres que alguna columna permanezca estática basta con poner

<th class="sorttable_nosort">

Mas información del Sortable(ingles)

escrito en la(s) Categoria(s) : Javascript 1 Comentario »

Ultimos Comentarios

  • william

    en LaCuerda.net : Tablaturas y Acordes en Español

    hola , me gustaria encontrar canciones para bandola pero que no sean ...
  • 2010-09-06 12:57:23
  • lenin ocaña

    en Creacion de archivos PDF en PHP con DOMPDF

    acabo de probar tu script para insertar pie de pagina es muy bueno, pe...
  • 2010-08-25 11:40:31
  • Amateur

    en LaCuerda.net : Tablaturas y Acordes en Español

    RE bien la página loco!! mejoraria con algo mas en guitar elec.....
  • 2010-08-18 15:41:16
  • Sebastian

    en Creacion de archivos PDF en PHP con DOMPDF

    Buenas… estoy utilizando Dompdf, pero al generar el documento PDF de...
  • 2010-08-12 15:32:50
  • Guille

    en Creacion de archivos PDF en PHP con DOMPDF

    Hola, Muy buenas indicaciones, muchas gracias. Estoy teniendo un p...
  • 2010-08-12 03:38:56
  • Carlangas

    en Creacion de archivos PDF en PHP con DOMPDF

    Asi quisiera que fuera la mayoria de los tutoriales, simple pero preci...
  • 2010-08-11 10:59:01
  • Carlangas

    en Creacion de archivos PDF en PHP con DOMPDF

    Asi quisiera q...
  • 2010-08-11 10:58:37
  • Jonathan Andres

    en Stick Arena

    hola esto cuando voy a jugar cualquier partida de stick arena ..... la...
  • 2010-08-09 15:29:17
  • Angel

    en Creacion de archivos PDF en PHP con DOMPDF

    Hola, tengo una pregunta, se pueden aplicar encabezados y pié de pág...
  • 2010-07-08 03:02:15
  • ken

    en Cloverfield : Un Monstruo en Manhattan

    joder buena peli...
  • 2010-07-03 16:41:38