Aunque en la actualidad el uso de tablas para maquetación web está cada vez mas en desuso en favor de otros elementos HTML como las capa, para algunas aplicaciones web sigue siendo vital la presentación de datos tabulados. Por este motivo incluimos el artículo publicado en Tripwiremagazine sobre Plugins basados en jQuery para manipulación de tablas HTML.
En este artículo se incluyen 25 utilidades para ayudar a los desarrolladores a dar funcionalidades a las tablas incluidas en sus páginas web, entre otras: permitir scroll de los datos de la tabla mientras se mantiene el cabecero de la misma fijo, reordenar filas y columnas, incluir filtros de datos en las tablas, añadir efectos de color y desplazamientos en columnas y filas, etc.
25 Plugins jQuery para el manejo de tablas HTML:
Este plugin permite añadir una fila a la tabla para incluir filtros del contenido de las celdas. En la pagina del plugin podéis encontrar más detalles.
PicNet JQuery Table Filter
Un plugin para ordenar por contenidos y / o atributos. Muy útil para ordenar las listas desordenadas o tablas.
TinySort
Este plugin permite crear gráficos basados en los datos de una tabla HTML.
Gráficos de datos desde tablas HTML usando jQuery y flot
Si ya ha utilizado el framework de . NET, es probable que conozca LINQ. Las características encontradas en LINQ le permiten trabajar con colecciones de datos en memoria para consultar, clasificar y gestionar los datos, al igual que lo haría con un comando SQL. LINQ también le permite conectarse directamente a una base de datos para gestionar todos los registros dentro de su IDE. El plugin jLINQ funciona de la misma manera, incluyendo alguna de las posibilidades de LINQ.
jLINQ
Se trata de un plugin jQuery que crea el encabezado de una tabla flotante si la fila de la tabla original no es visible debido al desplazamiento vertical. El plugin automáticamente elige la etiqueta thead como el encabezado de la tabla. Si la etiqueta thead no se encuentra, buscará las filas marcadas con la clase “floating”.
Floating header plugin
jExpand es un plugin jQuery muy ligero que permite desplegar tablas HTML.
jExpand
Plugin que permite resaltar columnas de tablas HTML cuando se pasa el puntero sobre ellas.
columnHover
Plugin jQuery que permite hacer scroll en tablas HTML.
Scrollable HTML Table
Data Tables es una herramienta muy flexible que permite agregar controles de interacción avanzada a cualquier tabla HTML. Algunas características son: la paginación de longitud variable, filtrado de datos y varias formas de clasificación de datos de la tabla por tipo.
DataTables
HeatColor es un plugin que te permite asignar colores a los elementos de nuestras tablas HTML.
HeatColor
Fixed Header Tables es un plugin que construye una cabecera fija para la tabla y permite el desplazamiento mediante scroll de los datos.
Fixed Header Tables
Colorize es un plugin jQuery para añadir color de fondo a fin de alternar filas de la tabla HTML, resaltar una fila / columna en el mouse encima, y colorear una fila / columna al hacer clic en el botón del ratón sobre ella.
Colorize – jQuery Table Plugin
Flexigrid crea un data grid con columnas de de tamaño variable y desaplazamiento de los datos de la tabla. Permite conectarse a una fuente de datos basada en XML con Ajax para cargar el contenido.
Flexigrid
Este complemento puede agregar opción de alternar las filas mediante clases CSS.
jQuery TableRowCheckboxToggle
Plugin jQuery que adapta el código de Mathew Pennell – “Striping Your Tables the OO Way”
Striping Your Tables the OO Way
Ingrid es un plugin de jQuery añade comportamientos de Data Grid como cambiar el tamaño de la columna, paginación, clasificación a las tablas HTML.
Ingrid
Plugin que permite la visualización de los datos de la tabla en formato árbol.
JQTreeTable
Plugin sencillo que permite seleccionar filas, incluso multiples, en una tabla HTML.
rowSelect
treeTable permite convertir una columna de una tabla HTML en formato árbol de datos. Permite mover toda una rama de datos arrastrándola con el puntero.
treeTable 2.0
Tablesorter es un plugin jQuery para convertir una tabla HTML estándar con THEAD y etiquetas TBODY en una tabla ordenable sin actualizar la página. Permite analizar y clasificar diferentes tipos de datos, incluidos los datos vinculados en una celda
Tablesorter
jSquared es un plugin de jQuery que permite la posibilidad de agregar o quitar columnas y filas de la tabla HTML. Su funcionalidad es muy similar a Google Squared IU y es útil para la creación de interfaces de búsqueda avanzada.
NReco jSquared
Este plugin puede ser utilizado para crear elementos de paginación en una tabla. Permite configurar los métodos de paginación.
Table Pagination
columnManager le permite alternar la visibilidad de las columnas de la tabla (colapsándolas y ampliando las mismas) y guardar el estado hasta la próxima visita.
columnManager
Table Drag and Drop permite al usuario reordenar las filas de una tabla.
Table Drag and Drop
Este plugin permite, de una manera sencilla, crear barras de desplazamiento en tablas HTML manteniendo los cabeceros fijos.
Chromatable
uiTableFilter
uiTableFilter es un plugin jQuery que nos facilita ofrecer filtrado de datos de tablas HTML.
Fuente: 25+ Highly Useful jQuery Plugins Bringing Life back to HTML Tables | tripwire magazine.
Contenidos relacionados
The Plugins jQuery para manejo de tablas HTML by Blog AlmacenPlantillasWeb, unless otherwise expressly stated, is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Spain License.
Tags: diseño web, herramientas, HTML, javascript, programación
