Bueno esta sera la primera entrada de algunas cuantas mas a futuro y espero que una vez por todas terminar un nuevo tutorial que ayude a los demás que como yo han andado perdido en este tema en especifico.
En cuanto a la versión de jquery necesitaremos una 1.1X o mayor (no estaría mal considerar la versión 2).
Contar con una estructura de la tabla similar a la siguiente
De esta manera nos aseguramos de no tener problemas en el futuro.
Ahora hacemos uso de la librería y del css adecuado para esto solo agregamos el siguiente código
y Antes de la etiqueta de cierre del cuerpo agregamos tanto el jquery como la libreria de DataTable
Y para terminar simplemente le indicamos que tiene que comportarse como un DataTable de la siguiente manera
Bueno ahora solo falta probar en el navegador y agregarle unas cuantas Row al elemento de table de nuestro HTML, de lo cual puedo ayudar, solo clona el proyecto que dejo en el siguiente link
Ver código completo de este ejemplo
Bueno espero esta primera entrada sea de tu agrado
Para mas información visita la web donde se aloja la libreria http://www.datatables.net/
para los impacientes dejo el código fuente aquí
¿Que es DataTable?
Antes que nada debemos definir que es esto de DataTable. Básicamente se trata de un plugin OpenSource que podemos utilizar con Jquery. En mi caso lo utilizare ya que últimamente le é tomado mucho cariño a este framework (jquery).
Cosas a tener en cuenta
Para utilizar esta librería mi recomendación personal es que se este desarrollando en navegadores muy actuales para no tener problemas a futuro, esto en pocas palabras quiere decir que debemos trabajar con iE 9 (para los no entendidos en el tema, hablo de internet explorer 9) como mínimo de esa manera estaremos aprovechando todas las funcionalidades que ofrece.En cuanto a la versión de jquery necesitaremos una 1.1X o mayor (no estaría mal considerar la versión 2).
Para que este ejemplo se ejecute correctamente tienes que tener conexión a internet y de preferencia este código debería estar siendo ejecutado en un servidor local como mínimo
Contar con una estructura de la tabla similar a la siguiente
Uso de Datatable
| Name | Position | Office | Age | Start date | Salary |
|---|---|---|---|---|---|
| Name | Position | Office | Age | Start date | Salary |
| Tiger Nixon | System Architect | Edinburgh | 61 | 2011/04/25 | $320,800 |
Ahora hacemos uso de la librería y del css adecuado para esto solo agregamos el siguiente código
y Antes de la etiqueta de cierre del cuerpo agregamos tanto el jquery como la libreria de DataTable
Y para terminar simplemente le indicamos que tiene que comportarse como un DataTable de la siguiente manera
Nota: En este caso se utiliza la forma contractada de inicialización de jquery y se seguirá usando durante todo lo que dure estas clases.
Bueno ahora solo falta probar en el navegador y agregarle unas cuantas Row al elemento de table de nuestro HTML, de lo cual puedo ayudar, solo clona el proyecto que dejo en el siguiente link
Ver código completo de este ejemplo
Bueno espero esta primera entrada sea de tu agrado
Para mas información visita la web donde se aloja la libreria http://www.datatables.net/