formato para tablas con jquery


fuente: elWebmaster.com

La tabla es un objeto al que resulta difícil darle estilo, debido a la particularidad de su código. La mayoría de los diseñadores y desarrolladores usan div para reemplazar la tabla, ya que es mucho más fácil darle estilo.

Aún así, utilizamos tablas en muchas de nuestras aplicaciones diarias. En esta nota te presentamos 15 plugins jQuery útiles para visualizar, ordenar, filtrar y manipular los datos en una tabla.

1. DataTables

DataTables es un muy potente plugin de jQuery que ofrece una gran cantidad de características. Por ejemplo, puedes tener filtrado sobre la marcha, auto-carga de datos ajax, paginación, ordenamiento de columnas, resaltado de columnas ordenadas, plug-in de apoyo, temable por CSS o jQuery UI ThemeRoller y también una documentación completa.

sitio de DataTables»

2. uiTableFilter

uiTableFilter es un plugin de jQuery para el filtrado de filas de la tabla. El autor muestra un ejemplo detallado sobre cómo implementar la función de filtro en una tabla, junto con el plugin.

sitio de uiTableFilter»

3. Scrollable HTML Table

Scrollable HTML Table plugin para jQuery nos permite convertir una tabla en desplazable.

sitio de Scrollable HTML Table»

4. Tablesorter

Tablesorter es un plugin jQuery para convertir una tabla HTML estándar con etiquetas THEAD y TBODY en una tabla ordenable sin actualizaciones de página. Soporta clasificación multi-columna, navegadores cruzados y es fácilmente extensible a través de su sistema de widgets.

sitio de Tablesorter»

5. Flexigrid

Flexigrid es un formulario Javascript Web 2.0 liviano para jQuery. Tiene un montón de funciones interesantes como la tematización, la paginación, barra de herramientas de búsqueda, ordenamiento, carga de datos fuente ajax, las columnas de tamaño variable, la altura y el ancho.

sitio de Flexigrid»

6. HeatColor

HeatColor es un plugin que te permite asignar colores a los elementos, sobre la base de un valor derivado de ese elemento. El valor obtenido se compara con un rango de valores, ya sea de forma automática o pasados, y al elemento se le asigna un color de “calor” basado en la posición de su valor derivado dentro de la gama.

sitio de HeatColor»

7. JQTreeTable

Con JQTreeTable, puedes tener una vista de árbol en la tabla. Con este plugin, los usuarios todavía obtienen la tabla plana, aunque hayan desactivado el JavaScript.

sitio de JQTreeTable»

8. Ingrid

Ingrid es otro plugin jQuery Datagrid. Tiene características como cambiar el tamaño de la columna, la paginación, la clasificación, el estilamiento de filas y columnas y más. El sitio web del autor presenta mucha documentación sobre cómo empezar con este plugin.

sitio de Ingrid»

9. jQuery ColumnManager plugin

columnManager es un plugin de jQuery que puede cambiar la visibilidad de las columnas de la tabla (el colapso y la ampliación de las mismas) y guardar el estado hasta la próxima visita. Este es un plugin muy pequeño y ligero que sólo pesa 3.6KB.

jQuery Column Manager plugin»

10. jQuery treeTable

jQuery treeTable es similar a JQTreeTable, que es capaz de mostrar un árbol en una tabla. Este plugin conserva los documentos HTML limpios y se degradará muy bien cuando el Javascript esté desactivado en el navegador.

sitio de jQuery treeTable»

11. CSV2Table

CSV2Table cargará un archivo CSV y creará una tabla con contenidos de este archivo CSV.

sitio de CSV2Table»

12. Table Pagination

Este plugin jQuery se utiliza para crear un elemento de paginación bajo en elemento de tabla. Puedes personalizar las necesidades de paginación en base a varias propiedades.

sitio de Table Pagination»

13. jQuery TableRowCheckboxToggle

Este plugin puede agregar la opción de alternar a las filas que se pueden especificar a través de los nombres de clase CSS.

sitio de jQuery TableRowCheckboxToggle»

14. Table Drag and Drop jQuery plugin

Este simple plugin permite al usuario reordenar las filas de una tabla usando drag y drop. Las filas individuales pueden ser marcadas como no arrastrable y / o no soltables.

sitio de Table Drag and Drop jQuery plugin»

15. uiTableEdit

uiTableEdit es otro plugin jQuery genial de Greg Weber, el autor de uiTableFilter. uiTableEdit hará que las tablas sean editables por el usuario.

  1. No trackbacks yet.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: