cabecera de la tabla jQuery tipo

Question

Alguien sabe de un plugin, o una función integrada para hacer las columnas en una tabla ordenable? es decir, ¿hago clic en el encabezado de la columna y ordena las filas en esa columna?

Answer 1

El Ext JavaScript library es muy bueno en eso.

Answer 2

http://tablesorter.com/docs/ es muy sencillo de utilizar con una amplia gama de opciones para satisfacer sus necesidades. :)

Answer 3

Un poco pesado, pero el último gestor de tablas de jQuery es jqGrid

Answer 4

http://www.flexigrid.info/

Flexigrid es un muy popular y fácil gestor de tablas/clasificador de usar.

Answer 5

Aquí hay dos que clasificar y hacer muchas otras cosas, así que no tenía todavía ve mencionado:

• DataTables
• SlickGrid

Aquí es también un cuadro comparativo de muchas tablas de datos: http://blog.sematext.com/2011/09/19/top-javascript-dynamic-table-libraries/

Answer 6

Un plugin jquery que hace ordenar, filtrar y paginar: breedjs

Ejemplo:

poner los datos en un objeto de JS para hacer precisamente así:

var data = { 
    people: [ 
     {name: 'a', address: 'c', salesperson: 'b'}, 
     {name: 'b', address: 'b', salesperson: 'a'}, 
     {name: 'c', address: 'a', salesperson: 'c'}, 
    ] 
}; 

breed.run({ 
    scope: 'people', 
    input: data 
}); 

HTML:

<table> 
    <thead> 
     <tr> 
      <th sort='name'>Name</th> 
      <th sort='address'>Address</th> 
      <th sort='salesperson'>Sales Person</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr b-scope="people" b-loop="person in people"> 
      <td b-sort="name">{{person.name}}</td> 
      <td b-sort="address">{{person.address}}</td> 
      <td b-sort="salesperson">{{person.salesperson}}</td> 
     </tr> 
    </tbody> 
</table> 

Ahora, cada vez que desea ordenar por vendedor, justo llámelo:

breed.sort({ 
    scope: 'people', 
    selector: //field name 
}); 

Ver:

$("th").click(function(){ 
    breed.sort({ 
     scope: 'people', 
     selector: $(this).attr('sort') 
    }); 
}); 

Working example on fiddle