• Publicidad
  • Contacto
Pixelco Tech News
  • Noticias
  • Video
  • Tecnología
    • Audio & Video
    • LifeStyle
    • Transformación Digital
  • Ciencia
    • Ciencia Ficción
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
Sin resultados
Ver todos los resultados
Pixelco Tech News
  • Noticias
  • Video
  • Tecnología
    • Audio & Video
    • LifeStyle
    • Transformación Digital
  • Ciencia
    • Ciencia Ficción
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
Sin resultados
Ver todos los resultados
Pixelco Tech News
Sin resultados
Ver todos los resultados

DataTables – Mostrar datos datos alamacenados localmente con JavaScript

Diego CambiasoporDiego Cambiaso
09/07/2010
enDesarrollo/programación, Internet, Recursos, Tecnología
Tiempo de lectura2 minutos
DataTable - jStorage - Almacenar datos localmente con JavaScript
Share on FacebookShare on Twitter

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:

Contenidorelaciondo

SONOS

Sonos y Amazon llevan el control por voz de Alexa a los dispositivos Sonos en Colombia

03/02/2023

La serie Galaxy S23 llegó con los Galaxy S23 Ultra, S23+ y S23

02/02/2023

Galaxy S23 Ultra, S23 Plus y S23 los nuevos equipos de Samsung

01/02/2023

Sáquele provecho a las características de un TV 8K

21/12/2022
/*
* 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

Tags: Curiosidaddatatablesdesarrollo webJavascriptjQueryjstorareMooToolsplugin datatablesplugin jqueryplugin jstoragePrototypeRecursosSoftware libretutorialTutoriales
Diego Cambiaso

Diego Cambiaso

Comunicador Social, Desarrollador de Software y UX Designer Blogger desde el 2006, creador de Pixelco Tech News. Viajero y fotógrafo. Entusiasta del diseño, apasionado por la tecnología y el social media. EN-ES-IT

Contenido Relacionado

SONOS
Noticias

Sonos y Amazon llevan el control por voz de Alexa a los dispositivos Sonos en Colombia

03/02/2023
Noticias

La serie Galaxy S23 llegó con los Galaxy S23 Ultra, S23+ y S23

02/02/2023
Tecnología

Galaxy S23 Ultra, S23 Plus y S23 los nuevos equipos de Samsung

01/02/2023
Cargar más

Pixelco Tech

Pixelcoes sitio de noticias de tecnología, diseño y desarrollo web e Internet escrito por profesionales.

Objetivo de Pixelco

Informar, promocionar, proporcionar recursos y ayuda sobre el diseño y desarrollo web, estándares, Internet y tecnología.

  • Contacto
  • Publicidad
  • Sobre Pixelco
  • Política de Privacidad

© 2023 Pixelco Tech News - Internet & Tecnología - Por Diego Cambiaso.

Sin resultados
Ver todos los resultados
  • Publicidad
  • Contacto
  • Política de Privacidad
  • Sobre Pixelco
  • Internet
    • Recursos
    • Diseño
    • Desarrollo/programación
  • Tecnología
  • Noticias
  • Fotografía

© 2023 Pixelco Tech News - Internet & Tecnología - Por Diego Cambiaso.

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies Política de privacidad.
 

Cargando comentarios...