Ordenar tablas con Javascript: 7 posibilidades
Este post proviene de un artículo original en alemán, idioma que me resulta, por desgracia, incomprensible, pero cuyo contenido es meridianamente claro. En el artículo se proponen varios sistemas para ordenar tablas.
No todos los sistemas que propone el artículo son accesibles y solo uno de ellos podría decirse que aplica la mejora prograsiva (Hijax), cuatro en las que al menos se ve la tabla y dos que sin javascript nada de nada.
- ajaxtable: esta funciona hasta sin javascript, 100% hijax
- tablesort by jQuery: la demo por ahora está sobre cargada
- tablesort
- tablekit
- sortable
- mootable (no accesible)
- tablesort by Ext JS (no accesible)
Quien nos iba a decir hace ¿dos o tres años? que podíamos poner una tabla en una web y poder ordenar ascendente o descendentemente por las distintas columnas.
PD: el post no empieza por un número… para que veáis
October 2nd, 2008 at 10:04 am
Me lo apunto porque puede ahorrarme mucha programación. Gracias.
October 2nd, 2008 at 8:37 pm
Yo me quedo con el tablesorter de JQuery, va rápido rápido, y tan sencillo como darle la clase tablesorter a la tabla que desees ordenar.
Muy sencillito además de cambiar estilos y por si fuera poco trae plugins propios como el zebra incluido, vamos la caña.
Por cierto, ¿nuevo diseño?
October 2nd, 2008 at 9:10 pm
Diseño remozado… digamos ;)
October 7th, 2008 at 12:11 am
Sinceramente no he tenido la fortuna de probar ninguno de estos scripts, pero por curiosidad y para no tener que programarlo en futuros proyectos (jeje), testearé el “ajaxtable” que es el que funciona incluso con javascript dehabilitado.
Ya os comentaré mis impresiones :)
Un saludo,
Alejandro Arco
October 7th, 2008 at 7:30 am
Esperamos tus opiniones Alejandro.
October 26th, 2008 at 6:46 am
[...] Ordenar tablas con Javascript: 7 posibilidades [...]
January 12th, 2010 at 12:42 am
He intentado ya casi 4 horas para implementar tablesort pero no funciona, el detalle:
Mensaje: ‘jQuery’ is undefined
http://url/jquery.tablesorter.min.js
Mensaje: Object doesn’t support this property or method
Help!