Ordenar tablas con Javascript

Email this to someoneShare on FacebookShare on Google+Share on LinkedInTweet about this on Twitter

Una situación típica de cualquier webmaster o blogger es la de tener que introducir valores en formato de tabla en una web o en un artículo específico, pero con la condición de que esa tabla tenga un poco más de “vida” que una simple tabla, es decir, que se puedan ordenar los valores que hemos introducido de forma ascendente o descendente de una forma sencilla.

Sorttable es un script con el que podremos ordenar las tablas de nuestras páginas simplemente haciendo click sobre el título de la misma. Nada mejor cómo ver el ejemplo de funcionamiento en kryogenix.org

Sorttable script para ordenar tablas

Los pasos para construir un tabla donde se puedan ordenar los valores son:

– Descargar y subir a tu servidor la librería Javascript Sorttable

– Incluir la librería entre las etiquetas <head></head>

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

– Añadir a la tabla la clase “sortable”

<table class="sortable">

– Ejemplo del código utilizado para una tabla:

<table class="sortable"> <tr><th>Number (spelled)</th>
<th>Person</th></tr> 
<tr><td sorttable_customkey="2">two</td><td>Jan</td></tr> 
<tr><td sorttable_customkey="3">three</td><td>Bruce</td></tr> 
<tr><td sorttable_customkey="1">one</td><td>Steve</td></tr> 
</table>

Sé la primera persona en comentar

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

De conformidad con lo establecido en la LOPD, Adpv Advertising Provider S.L. garantiza la adopción de las medidas necesarias para asegurar el tratamiento confidencial de los datos de carácter personal. Así mismo le informamos de la inclusión de sus datos en un fichero con la finalidad de mantener su relación negocial o contractual con Adpv Advertising Provider S.L. y de la posibilidad de ejercer los derechos de acceso, rectificación, cancelación y oposición en la siguiente dirección: Ercilla, 26, 1Dcha., 48011, Bilbao, Bizkaia. Privacidad.