2009-06-04 21 views
18

¿Cómo puedo hacer una tabla ordenable usando javascript sin cargar datos a través de AJAX? Más específicamente, estoy buscando una solución que me da el siguiente:¿Cómo puedo hacer una tabla HTML ordenable con javascript sin cargar datos a través de AJAX?

  • trabaja en una tabla HTML simple y llano
  • Hace columnas que se pueden ordenar mediante una comparación naturales
  • agnóstica de la tecnología del lado del servidor (debe ser portátil independientemente de si las tablas están siendo representadas por JSP, PHP, etc.)
  • Implementado preferiblemente como una extensión de JQuery, que ya estoy usando en el proyecto específico al que me gustaría aplicarlo de inmediato. Estoy abierto a sugerencias que impliquen otro marco de JavaScript como YUI, pero tendrá que jugar bien con JQuery.

Lo que no estoy buscando:

  • Una solución que me requiere para rellenar los datos a través de una llamada AJAX. Me gustaría aplicar esto en un proyecto que tiene varias tablas HTML simples para cosas como resultados de búsqueda que me gustaría poder ordenar rápidamente sin reescribir ningún código del lado del servidor.
  • Paginación.
  • Filtrado.
  • La capacidad de especificar lógica de comparación arbitraria.

Estoy omitiendo a propósito nuestra pila de tecnología para el proyecto específico en el que estoy trabajando por ahora, pero la incluiré si las personas consideran que es absolutamente necesaria. Nuevamente, estoy más interesado en soluciones que no involucran nada en el servidor. Hay una tonelada de proyectos escritos en todo tipo de idiomas que podrían usar un poco de amor en esta área.

cuanto a la cuestión de preguntas similares, existentes en el desbordamiento de pila

He hecho algunas hurgando, y la cuestión más cercano que puedo encontrar a la mía es this one. Mis requisitos son un poco diferentes, sin embargo, así que decidí hacer una nueva pregunta.

Respuesta

20

El plugin jquery tablesorter funciona muy bien.

+0

interesado en saber por qué esto fue downvoted. –

3

Probar sortable.js.

+0

Bastante viejo, pero muy fácil de personalizar y hacer el trabajo. Dulce –

+0

@RedFilter estoy usando el sortable.js pero que no está funcionando ver [aquí] (http://stackoverflow.com/questions/24386439/why-ajax-response-is-not-in-sortable-manner?noredirect = 1 # comment37718205_24386439) –

1

Junto con la respuesta de OrbMan, puede mirar wikibits.js, que es la versión de MediaWiki del código de clasificación. No requiere ningún código AJAX o pegamento especial, solo una clase simple (ordenable) para designar tablas ordenables.

El código tiene licencia libre y se utiliza en producción en todos los sitios de Wikimedia.

EDITAR: MediaWiki cambió a una versión de Tablesorter a partir de 86088 (abril de 2011).

4

Tablesorter es un plugin jQuery que funciona de forma similar a sortable.js, convirtiendo una tabla HTML normal en una ordenable.

+2

le ganó unos segundos: P –

+1

¡Maldición, Antony Trupe! –

1

Me gusta mucho tristen's tablesort. ¡Es libre de dependencia, ligero y no requiere mucho estilo/no se mezcla con tu propio estilo!

1

1-Descargar las sorttable.js

2-Incluir los sorttable.js, por poner un enlace a ella en la cabecera de la página, así:

3-Marque su mesa como uno ordenable dándole una clase de "ordenable":

<table class="sortable"> 
+0

actualmente ubicado en: http://www.kryogenix.org/code/browser/sorttable/ Es útil si no desea usar, o no está usando jquery. – pdwalker

Cuestiones relacionadas