Datatables paginación de datos

Ya hemos visto como realizar Paginación con PHP y MySQL y realmente no es tan complejo, en esta ocasión veremos un plugin para jQuery que a parte de paginar ofrece funcionalidades extra para nuestras listas de datos.

Datatables es un plugin jQuery muy interesante y básicamente se utiliza para mostrar en pantalla amplias colecciones de datos con tres funcionalidades importantes: Paginación, búsqueda instantánea y ordenación multi columna.

Datatables – Características principales

Datatables permite agregar controles avanzados de interacción a cualquier tabla HTML, cuenta con una solida documentación y podemos encontrar las siguientes capacidades:

  • Soporte para fuentes de datos como DOM, javascript, Ajax y procesamiento de datos del lado del servidor.
  • Temas para diferentes frameworks como jQuery UI, Twitter Boostrap y Foundation.
  • cuenta con gran variedad de extensiones como editor de datos, herramientas para copiar o exportar los datos a varios formatos como pdf, excel, csv o mandar a imprimir.
  • Altamente customizable.
  • Se puede traducir prácticamente a cualquier idioma.
  • Cuenta con dos tipos de licenciamiento (MIT y Comercial).

Plugins para Datatables

Datatables cuenta con varios plugins interesantes que permiten optimizar, dar mejor funcionalidad y vista  a nuestras colecciones de datos.

  • API Plug-ins – Se pueden utilizar los métodos de forma separada.
  • Sorting Plug-ins – Datatables proporciona dos plugins para ordenar por tipo  y clasificación de datos.
  • Filtering Plug-ins – Datatables proporciona dos tipos de filtrado para búsquedas, por tipo o por fila.
  • Pagination Plug-ins – Sirve para modificar los estilos y presentación de la barra de paginación.
  • Internationalisation – Configuración del lenguaje de salida de las barras de paginación y datos de DataTables.
  • Type detection Plug-ins – Sirve para mejorar la forma en que se aplican los filtros de ordenación de datos.

Configuración básica de Datatables

Datatables puede ser descargado desde su sitio oficial en el se puede encontrar una forma muy sencilla de iniciar con este plugin de jQuery y es utilizando el generador de descargas que permite seleccionar los componentes que serán utilizados para implementar en un proyecto de desarrollo web.

Para nuestro ejemplo presentaremos una tabla con el listado de países del mundo. Esta estructura está configurada para Bootstrap 3.3.5.