TinyTable y el arte de ordenar tablas en javascript

Escrito por: Martín el 23-03-2009 12:43:01 y leído 728 veces

Hoy, ante la necesidad de manejar muchas opciones para ordenar una tabla con varios registros, buscaba la mejor forma de hacerlo sin tener que recargar la página ya que los resultados mostrados, dependían de muchas opciones y provenían desde 5 buscadores distintos.

Entonces, googleando, me encontré con esta fabulosa solución que nos ofrece su creador.

Se trata de TinyTable, un script de tan sólo 2.5 kb que, mediante personalización CSS, te da todas las opciones necesarias, como paginación, botones de anterior/siguiente, cambiar resultados por página, mostrar número total de páginas y... hasta personalizar y marcar la columna según el índice de ordenación.

Recomiendo su uso, es muy fácil de implementar y, a mi, me ahorró mucho tiempo en programar estas opciones.

Si quieres, mírate la demo en la web de su autor y descárgalo también desde la web de su autor.

Su uso:
Dentro del .zip que te descargas, te viene un html con todo lo que necesitas, por lo que no hay códigos disponibles.

Categorías: Tablas • Ordenar • Jquery • Javascript • Html • Css • •

Artículos relacionados:

• 20 plugins para jQuery que no pueden faltar en tus webs
• Excelente listado de 240 plugins para jquery
• Menú o barra lateral (sidebar) siempre visible con scroll y jQuery
• jQuery Validate: la rápida validación de formularios.
• Formularios web con jQuery Validate y envío por phpmailer y gmail
• Calendario en PHP con eventos, jQuery y vTip
• 18 plugins jquery que no pueden faltar en tu web parte 2

100 Búsquedas de este artículo:

tinytable • registros por fechas datepicker php mysql • tiny table • ordenando el arte • javascript ordenar paginar • tablas del arte • javascript ordenar tablas • como usar tinytable • tinytable order date • usar tinytable • ordenar tablas • css ordenar tablas • ordenar los registros de una tabla jsp • javascript ordenar filas • ordenar tablas css • ejemplo de tinytable con scroll • tabla html scroll ordenable • ordenar tabla con javascript • opciones editar tiny table • ordenar tablas javascript • javascript ordenar tabla 2011 • ordenar campos tabla con javascript • ordenar paginar tabla javascript • multiple tinytable • uso tinytable • tinytable en php • multiples tablas con tiny table • editar con tinytable • ejemplo como usar tinytable • js tinytable php mysql • tinytable boton derecho • ordenar tabla css • script ordenar imagenes • implementar tinytables • link ordenar tabla por columna paginar php mysql • paginacion con jquery y php mysql • tinytable ejemplos • js css ordenar tabla • ordenar tabla numero html javascript • tinytable javascript jquery • tiny table scroll • ordenar y paginacion table • editar una tabla con tinytable • ejemplo tiny table • tiny table paginador php • ejemplos tiny table jquery • ordenar datos de una tabla con javascript • tinytable datepicker • script java paginacion de tablas php • como editar tinytable • script javascript para ordenar registros de una tabla • tablas ordenar css • ordenacion y paginacion de tablas con javascript • reordenar columnas de tabla css • tiny table css • tinytabe fotos • jquery ordenar tabla sin table order • jquery marcar registro de tabla • varios tinytable • uso de tinytable • order tinytable • Ordenar columnas de una tabla con Javascript y TinyTable ejemplo • Tinytable ordenar numeros • tiny table js no order • plugin tiny table • ordenar tablas con imagenes • como oredenar horizontalmente el resultado de un programa con java script • ordenar tabla html por multiples columnas javascript • tinytable tooltip • tinytable with tooltip • jquery tinytable • formulario html java modificar varios registros • no order tinytable • Ordenar columnas de una tabla con TinyTable • como implementar tinytable • arte ordenar • editar multiples registros de una tabla php jquery • javascript ordenar tablas html varias columnas • tiny table fila sumatoria • ordenar formulario select • eliminar ultima fila tinytable • javascript ordenar tabla html • como usar tiny table • tinytable editar eliminar • tiny table php • COMO SE USA TINY TABLES • tiny table con php • tinytable ejemplo editar tabla • tinytable cambiar formateo numeros#hl=es • tinytable y el arte de ordenar tablas en javascript • tinytable personalizar • tinytable ordenar links • ordenar tablas php • tinytable error • tinytable quitar filtro • tablas ordenar javascript • css tablas ordenables • ordenar datos tabla css • order resultados java script#hl=es • tabla ordenar paginar javascript •