Plugins jQuery para manejo de tablas HTML

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 Plugins jQuery para manejo de tablas HTML

PicNet JQuery Table Filter

Un plugin para ordenar por contenidos y / o atributos. Muy útil para ordenar las listas desordenadas o tablas.

tiny Plugins jQuery para manejo de tablas HTML

TinySort

Este plugin permite crear gráficos basados en los datos de una tabla HTML.

graph Plugins jQuery para manejo de tablas HTML

Gráficos de datos desde tablas HTML usando jQuery y flot

moz screenshot 6 Plugins jQuery para manejo de tablas HTML

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 Plugins jQuery para manejo de tablas HTML

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”.

header Plugins jQuery para manejo de tablas HTML

Floating header plugin

jExpand es un plugin jQuery muy ligero que permite desplegar tablas HTML.

jExpand Plugins jQuery para manejo de tablas HTML

jExpand

Plugin que permite resaltar columnas de tablas HTML cuando se pasa el puntero sobre ellas.

hover Plugins jQuery para manejo de tablas HTML

columnHover

Plugin jQuery que permite hacer scroll en tablas HTML.

scrollable Plugins jQuery para manejo de 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 Plugins jQuery para manejo de tablas HTML

DataTables

HeatColor es un plugin que te permite asignar colores a los elementos de nuestras tablas HTML.

HeatColor Plugins jQuery para manejo de 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.

fixedheadertable Plugins jQuery para manejo de tablas HTML

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 Plugins jQuery para manejo de tablas HTML

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.

grid Plugins jQuery para manejo de tablas HTML

Flexigrid

Este complemento puede agregar opción de alternar las filas mediante clases CSS.

tableRowCheckboxToggle Plugins jQuery para manejo de tablas HTML

jQuery TableRowCheckboxToggle

Plugin jQuery que adapta el código de Mathew Pennell – “Striping Your Tables the OO Way”

zebra Plugins jQuery para manejo de tablas HTML

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 Plugins jQuery para manejo de tablas HTML

Ingrid

Plugin que permite la visualización de los datos de la tabla en formato árbol.

jqtreetable Plugins jQuery para manejo de tablas HTML

JQTreeTable

Plugin sencillo que permite seleccionar filas, incluso multiples, en una tabla HTML.

multi Plugins jQuery para manejo de tablas 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.

tree Plugins jQuery para manejo de tablas HTML

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 Plugins jQuery para manejo de tablas HTML

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.

jSquared Plugins jQuery para manejo de tablas HTML

NReco jSquared

Este plugin puede ser utilizado para crear elementos de paginación en una tabla. Permite configurar los métodos de paginación.

Pagination Plugins jQuery para manejo de tablas HTML

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 Plugins jQuery para manejo de tablas HTML

columnManager

Table Drag and Drop permite al usuario reordenar las filas de una tabla.

isocra Plugins jQuery para manejo de tablas HTML

Table Drag and Drop

Este plugin permite, de una manera sencilla, crear barras de desplazamiento en tablas HTML manteniendo los cabeceros fijos.

chromaloop Plugins jQuery para manejo de tablas HTML

Chromatable

uiTableFilter

uiTableFilter es un plugin jQuery que nos facilita ofrecer filtrado de datos de tablas HTML.

uiTableFilter Plugins jQuery para manejo de tablas HTML

Fuente: 25+ Highly Useful jQuery Plugins Bringing Life back to HTML Tables | tripwire magazine.

Licencia Creative Commons
Plugins jQuery para manejo de tablas HTML por AlmacenPlantillasWeb, a excepción del contenido de terceros y de que se indique lo contrario, se encuentra bajo una Licencia Creative Commons Attribution-Noncommercial-Share Alike 3.0 Spain Licencia.

Trackbacks

  1. Información Bitacoras.com…

    Valora en Bitacoras.com: 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 cabec…..

  2. [...] Plugins jQuery para manejo de tablas HTML | Diseño web … Tags: posicionamiento, web Share this post! Twitter Digg Facebook Delicious StumbleUpon Google Bookmarks LinkedIn Technorati Favorites This entry was posted on 25 Diciembre 2009 at 5:14 am, and is filed under Sin categoría. Follow any responses to this post through RSS 2.0. You can leave a response or trackback from your own site. [...]