DataTables – Mostrar datos datos alamacenados localmente con JavaScript



DataTable - jStorage - Almacenar datos localmente con JavaScriptAyer hablé sobre almacenar datos en el cliente con HTML5 y a principios de año, también hablé sobre jStorage para almacenar datos localmente con jQuey, Mootools o Prototype.

Pero ¿Cómo mostrar los datos elegantemente y dinámicamente? Simple con DataTables.

DataTables es un plugin jQuery para agregar interacción a cualquier tabla HTML. Ordenar columnas, mostrar de a 10 filas, etc., son algunas de las opciones que ofrece este plugin Javascript.

Principales características de DataTables:

  • Cantidad de items configurable.
  • Filtro dinámico.
  • Ordenación por una o varias columnas.
  • Anchos de columnas administrados automáticamente.
  • Muestra data de fuentes como: DOM, un array Javascript, un archivo Ajax además de datos procesados en el servidor como: PHP, C#, Perl, Ruby, AIR, Gear, etc.
  • Soporte completo para internacionalización.
  • Soporta temas (themes) de jQuery UI.

Además implementar un DataTable es tan sencillo como escribir un código Javascript como siguiente:

/*
* Example init
*/
$(document).ready(function(){
$('#example').dataTable();
});

A todas las ventajas de almacenar datos en el cliente, hay qye sumar toda la potencia disponible para visualizarlos como las que ofrece DataTables.

DataTables: www.datatables.net/index

jStorage: www.jstorage.info

Related Posts Plugin for WordPress, Blogger...


Desarrollador de software egresado de la Universidad Católica de Argentina, blogger y fotógrafo.

2 Respuestas a “DataTables – Mostrar datos datos alamacenados localmente con JavaScript”

  1. Angela_ange_1991

    Abr 11. 2012

    tengo un problema mi tabla es de mas de 3 mil registros como puedo que el tiempo de mostrar la tabla sera mas rapido

Trackbacks/Pingbacks

  1. Tweets that mention DataTables – Mostrar datos datos alamacenados localmente con JavaScript | Pixelco Blog -- Topsy.com - 09/07/2010

    […] This post was mentioned on Twitter by Diego. Diego said: DataTables – Mostrar datos datos alamacenados localmente con JavaScript: Ayer hablé sobre almacenar datos en el cl… http://bit.ly/d3VAyo […]

Comentario

Google+