¿Quién había dicho que usar tablas en HTML estaba anticuado?
La realidad es que hoy en día aún se utilizan, hay ocasiones que una tabla puede ahorrarnos mucho trabajo para colocar ciertos datos, ¡y encima queda mejor! Pero como en todo, no se ha de abusar.
El problema llega cuando debemos trabajar con cantidades grandes de datos. Puede ser desastroso, aparte de poco práctico y de poca utilidad. Pero claro, a todo problema llega su solución, que en este caso es un fantástico y completo plugin para jQuery llamado DataTables.
Con ésta herramienta conseguimos:
- Controles interactivos de una tabla de HTML
- Ordenar por campos
- Paginador
- Filtros
- Sistema de búsqueda
- Posibilidad de obtención de datos dinámicos (Ajax)
- Totalmente traducible con las palabras que tu quieras
- Diseño personalizable con skins o css
Incluso existen plugins para DataTables, uno de los que más utilidad he podido encontrar es TableTools. Con él podrás exportar los datos de la tabla a un Excel por ejemplo, muy útil para según que ocasiones!
Si os interesa podéis echarle un ojo a las demos, y para más información podéis entrar a la página oficial del plugin.
Tengo pensado hacer una segunda entrega sobre éste plugin, explicando como crear vuestros filtros personales para cada ocasión. ¡Estad atentos!
tengo un problema necesito ayuda, esta heramienta corre de maravilla en local(wamp), cuando lo subo al hosting ya no correo, alguien sabe por que
Buenas moscrates!
Te aparece algún mensaje de error? Es posible que la ruta del JS no esté correcta.
Lo mejor será utilizar Firebug (para Firefox) para ver donde está el problema, si no lo utilizas ya, puedes bajarlo de aquí: https://addons.mozilla.org/es-ES/firefox/addon/firebug/
Buenas tardes. Estoy manejando el plugin de Data Table con la opcion de editar, pero no eh logrado hacerla fincionar del todo, ya que no se como recoger el ID del registro y el nombre del campo, para poder actualizar los datos, me podrias orientra por favor? Gracias de antemano
Excelente, es gratis?? puede seleccionar una fila especifica???