jquery - ordering - sort table w3schools
jQuery table header sort (6)
La biblioteca Ext JavaScript es muy buena en eso.
¿Alguien sabe de un complemento o una función incorporada para hacer que las columnas de una tabla se puedan ordenar? es decir, ¿hago clic en el encabezado de la columna y ordena las filas en esa columna?
Un poco pesado, pero el administrador de la mesa jQuery es jqGrid
http://tablesorter.com/docs/ es muy simple de usar con una amplia gama de opciones para satisfacer sus necesidades. :)
Flexigrid es un gestor / clasificador de tabla muy popular y fácil de usar.
Aquí hay dos que ordenan y hacen muchas otras cosas que aún no vi enumeradas:
Aquí también hay una tabla que compara muchas tablas de datos: http://blog.sematext.com/2011/09/19/top-javascript-dynamic-table-libraries/
Un plugin jquery que hace ordenar, filtrar y paginar : breedjs
Ejemplo:
Pon los datos en un objeto js para hacer solo eso:
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 desee ordenar por vendedor, simplemente llámelo:
breed.sort({
scope: ''people'',
selector: //field name
});
Ver:
$("th").click(function(){
breed.sort({
scope: ''people'',
selector: $(this).attr(''sort'')
});
});