15 plugins jQuery para manejar tablas

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

13

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.

Haz clic aquí para ingresar al sitio de DataTables»

2. uiTableFilter

21

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.

Haz clic aquí para ingresar al sitio de uiTableFilter»

3. Scrollable HTML Table

31

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

Haz clic aquí para ingresar al sitio de Scrollable HTML Table»

4. Tablesorter

42

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.

Haz clic aquí para ingresar al sitio de Tablesorter»

5. Flexigrid

52

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.

Haz clic aquí para ingresar al sitio de Flexigrid»

6. HeatColor

61

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.

Haz clic aquí para ingresar al sitio de HeatColor»

7. JQTreeTable

71

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.

Haz clic aquí para ingresar al sitio de JQTreeTable»

8. Ingrid

81

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.

Haz clic aquí para ingresar al sitio de Ingrid»

9. jQuery ColumnManager plugin

91

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.

Haz clic aquí para ingresar al sitio de jQuery Column Manager plugin»

10. jQuery treeTable

101

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.

Haz clic aquí para ingresar al sitio de jQuery treeTable»

11. CSV2Table

111

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

Haz clic aquí para ingresar al sitio de CSV2Table»

12. Table Pagination

121

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.

Haz clic aquí para ingresar al sitio de Table Pagination»

13. jQuery TableRowCheckboxToggle

13

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.

Haz clic aquí para ingresar al 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.

Haz clic aquí para ingresar al 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.

Haz clic aquí para ingresar al sitio de uiTableEdit»

Fuente: Web Design Booth


0 comentarios to "15 plugins jQuery para manejar tablas"

Publicar un comentario en la entrada

Blog Archivo

Subscribete via E-Mail

Subscribete via RSS!

Ingresa tu email para:
Recibe actualizaciones del Blog.

Etiquetas

16-bit 2.0 2012 256 colores 2d 3 404 5 8 acelerar Acer Aspire ActionScript ADD-ONS addon adobe adobe air Adsense aerogarden agilidad airbender AJAX alarma alien all your base alta definición Android angulacion answers API APIs aplicacion aplicaciones Apple apps archive Argentina ask atajo atajos de teclado ataque audio avance avatar aventura grafica back background backtweets balsamiq mockups banda bang banners barcelona barra lateral bases de datos Batacazo bateria bbcode bear bebé Biblioteca Virtual big bing BitDefender BitTorrent blekko Blog blogger bloggers blogósfera Blogs bocetos bollywood bordes botánica brickify brush buenos aires buscador búsqueda avanzada cache caja calendario calidad cámara web canciones Canvas carrusel catástrofe ceguera de banners celular CEO charla chpimunk chrome chrome web store chromium chuck norris cine Cisco cita cliente ftp cloud cluster Cms cocina codec código coleccion color colorotate columna comercio commodore 64 compatibilidad Competencia compositio Comscore comunicacion Comunidad comunidad online Conferencia configuración consejos contenido content copia correo correo electrónico cotidiano cpanel Creatividad criminal cross-browser cse CSS CSS3 cubo cuenta cuentos cultivo Curiosidades curso photoshop Cursos daisies date Debian degradé dell desaparecer desarrollo web descarga Descargas descomprimir desfragmentar despertador despertar deviantart DHTML Digg diseñador Diseño Diseño Grafico Diseño Gráfico diseño web Disney dispositivo dispositivos moviles dispositivos táctiles div dominio dramatic dropbox duck go e-book e-commerce e-commerce day e-mail EBE ecología editor educación a distancia educativo Educativos Niños efecto efectos ejemplo emblema emprendimiento emulador emuladores encabezados encuesta enlace episodios error escritura España estadística Estados Unidos estilo estudio etica evento Eventos Excel exportar extensión extensiones extraterrestre Facebook facebook connect garage fc64 feeds Fiberparty film Filosofía Firebug firefinder Firefox firmware fixes Flash flex 4 Flickr fondo fondos font font dragr form formularios foto Fotografía Framework freelance fuente fuentes future FXG g1 gadget gadgets games gaming gazelle geek gestion gestor de contenido gestos gestuales gesture ghajini gm730 Gmail Google google analytics google app Google Calendar Google Chrome Google Docs gradient gradiente gradientes gráfico gran torino gratis groupon guerra guia h.264 habla hack Hackers handle handler hardware herramientas gráficas hitchcock hollywood homepage horizontal hover HP html HTML válido HTML5 HTTP hub huerta IBM icono IE illustrator imagen Imagenes imágenes importar impress inclinacion indio infecciones info-box infografías iniciador Inkscape inspiracion interactivo interfaz Internet Internet Explorer interno invasión investigación iPhone iphone os iPod island istick IT iTunes U jackson JavaScript jerarquía jetpack jQuery jQuery TOOLS jsc64 juego Juegos lanzamiento laptop lego lenguaje Lenovo Lg libre librería libro limpieza Links Linux literatura lógica logo logos logotipo lolcat Lotería love luca lucasarts luces luminoso luz Mac mac book pro mac os x MacBook macro mago Malware manejo mantenimiento manual mapa mapeo maquetación marciano Marketing mascara mascota McBook medicion medio ambiente meme memoria mente menú metafilter metropolis michael microsoft Mobile Learning mockup monkey moonwalker mootools moousture motivacional motor de busqueda motores de búsqueda mouse mouseprobe mov movil mozilla Mozilla Firefox Mozilla Labs mp3 MS Office mujer maravilla multimedia MultiTouch música MXML MySpace MySql N97 napkee navegación Navegador navegadores networking New York nightly nihilogic no ser encontrado nodos Nokia notebook noticias Novedades ochentoso oferta offers oficial online Open Source Open SUSE OpenOffice opera operativo oportunidad optimización orden organizacion orgullo os oscurecer oscuridad oso Outlook oz page speed PageRank pagespeed pageviews panaderia Panda paneles pantalla pantallas táctiles parasitos PDF peekfeed película pencil peoplebrowsr perfil pestaña photoshop photoshop clase 2 PHP php 5 Picasa picker pinceles pingie piratas pirates plagio plantación plantar plantilla plastic logic Plugin plugins pocket yoga podcasts port portal portátil posicionamiento powerpoint ppc prejuicio preparacion presentación Productividad Programación programas promocion protofish prototype proyecto prueba PSD Psicología public Publicidad puerto QEMU quickoffice quicktime quote rafael jimenez rank Recursos Red red social reddit Redes sociales reloj remake reproductor reseña resolución respaldo resultado retro robo rojo RSS rubik Ruby rust Safari Salud sans-serif sclipo script sculpting sdk seleccionador SEO serie serif SERP server servidor servidor web set shadow share sherlock shortcodes shuffle sidebar sidepost simple simpson Sin clasificar sistema sistema operativo sistemas operativos sitios web slideshow smart smooth SMS snow leopard social sociedad Software Software educativo software libre sombra sonido soundmanager2 spam spreadsheet SQL Squeeze startup steps left store streaming subdominio success suckerfish sun microsystems tablas table tabs tactil Taller de Fotografía Digital Taller de Photoshop taller photoshop Talleres Tarjetas de Crédito teaser tecnica Tecnologia teddy telefono television telltale template templates textbox the theme Themes theora thumbnails tienda time tipografía tipografias tips titulares to touchscreen tower defense trailer transform transition tres Troyano Troyanos truco Trucos tutorial photoshop tutoriales TV tweet tweetstats Twitter unplugged Usabilidad USB usuarios Utilidades para PC Utilidades para tu web variables vector vegetales velocidad venta Ventas verde verdura version video videojuego videojuegos videos Videos de Música Peruana viernes Viernes Unplugged VirtualBox Virus Visas VMware voucher w3c wallpaper wallpapers web Web 2.0 web participativa webcam WebKit webm webmaker Wi-Fi widescreen Wikipedia Windows Windows 7 Windows Mobile wiz wizard wolfram wonder woman Word Wordpress WorldBuilder wwdc 09 XHTML yahoo Youtube yui zip