Ordenar tus tablas con sorttable

Probado y aprobado. Simple de aplicar y muy útil.
http://www.freddygalvez.cl

puedo utilizar esto con u datagrid de asp.net, y si no es asi, qu me recomiendan?

Es un muy buen javascript
Me funciona a la perfección (aunque no lo he probado mucho)…

Felicito a la persona que lo publico en un blog español, la implementacion no es para nada de compleja, javascript es bastante potente para no tener que recargar el servidor en procesos, gracias nuevamente

Perdon, tenia una error y por eso no me funcionaba.

La función funciona correctamente, es bunisima.

Hola, he probado esa función con registros extraí­dos de una base de datos y no me sirve, solo cambia el registro que se encuentra en la primera fila por el que está en la última, puedes ayudarme????

No puedo hacerte un link al sistema, lo q puedo hacer es enviarte un par de archivos de prueba con los que he estado trabajando a ver si puedes ver el problema. Cualquier cosa puedes escribirme a mavir78@gmail.com y decirme a q dirección enviartelos…

Gracias

Hola, quisiera saber quí© ha sucedido??? supongo, por tu falta de respuesta que todo está mal

Buenas, espero que los Reyes Magos se porten bien con vosotros.

Estaba hace tiempo buscando algo para ordenar tablas y he localizado esta funcion.

Me la he bajado instalado y la tengo una tabla de prueba y hace las ordenaciones
correctamente, pero el problema esta en qeu tengo numeros con decimales (no se que
separador se debe poner si . o , he hecho la prueba con los dos y no funciona). A lo
que iba, tengo un ranking y por ejemplo me pone en primer lugar el 98, y asi hasta abajo y por ejemplo tengo 63 y luego 625.23 y me lo pone debajo del 63. Cuando en realidad el primero que tendria que estar seria el 625.23 y luego el 98 etc.

Asi con varios casos, es como si ordenase alfabeticamente no tuviese en cuenta el valor numerico, el valor absoluto del numero.

Si necesitais que ponga la tabla la pongo aqui.

Gracias por vuestra ayuda.

Antonio

No ordena mal el problema esque tienes que especificar que tipo de datos tiene cada columna en la class del td hay varios tipos mira en la DOC numeri , ip etc..

Como hago para llamar la clase del para definirla esa fila como numerica y que no me la ordene como si fuera texto, esto resolveria el problema de los numeros que tienen decimales

como especificar que tipo de datos tiene cada columna, dicen que estop solucionaria el problema con decimales, alguien que me esplique como le agrego la clase al td por favor y disculpen la ignorancia

Holas,
Muchos de nosotros usamos estilos en nuestras tablas, particularmente me refiero a diferenciar las filas intercalando un color, por ejemplo blanco, celeste, blanco, celeste, etc…, pues bien, al usar este script, que por lo demás está genial, nos damos cuenta que al poner la clase css en una columna, ésta se mueve junto con el contenido, por lo que editando un poco el codigo js lo solucionamos.

En el js: lineas 93 – 95

// We appendChild rows that already exist to the tbody, so it moves them rather than creating new ones
// don’t do sortbottom rows

var classTD=’td2′; //esta linea es nueva…td2=nombre de mi clase css

for (i=0;i if (!newRows[i].className || (newRows[i].className && (newRows[i].className.indexOf('sortbottom') == -1))) {

newRows[i].setAttribute('className',classTD); //esta linea tambien es nueva...

table.tBodies[0].appendChild(newRows[i]);

//cambia el estilo de la fila //esta linea tambien es nueva...
if (classTD=='td2') classTD='td3'; //esta linea tambien es nueva...
else if (classTD=='td3') classTD='td2'; //esta linea tambien es nueva...
}
}

// do sortbottom rows only
for (i=0;i if (newRows[i].className && (newRows[i].className.indexOf('sortbottom') != -1)) {

newRows[i].setAttribute('className',classTD); //esta linea tambien es nueva...

table.tBodies[0].appendChild(newRows[i]);

//cambia el estilo de la fila //esta linea tambien es nueva...
if (classTD=='td2') classTD='td3'; //esta linea tambien es nueva...
else if (classTD=='td3') classTD='td2'; //esta linea tambien es nueva...
}
}

En el html:

<--table width="200" border="0" align="center" cellpadding="0" cellspacing="0" class="sortable" id="idtabla"-->
< -tr bgcolor="#C7CADC" class="td1"-->
< -td >nombre< -/td>
< -td>apellido< -/td>
< -td>cosas< -/td>
< -/tr>
< -tr class="td2"->
< -td>pedro< -/td>
< -td>bala< -/td>
< -td>una cosa < -/td>
< -/tr>
< -tr class="td3"->
< -td>jose< -/td>
< -td>nano< -/td>
< -td>otra cosa < -/td>
< -/tr>
< -tr class="td2"->
< -td>abel< -/td>
< -td>foca< -/td>
< -td>dos cosas < -/td>
< -/tr>
< -/table>

Espero les sirva. ….Obvio que hay que sacar los comentarios….

Saludos desde Santiago-Chile

Hola que tal,

tu código este muy bien hecho, uno de los mejores que he visto, le entendi rápido.

Tengo un problema, a la hora de que ordena la función se que detecta automaticamente el tipo de la columna, cuando son cadenas y numeros no formateados lo hace excelente. Pero cuando trata de ordenar con formatos con separador de miles no lo hace, lo hace pero como si la columna numerica fuese texto: ejemplo

col original
4,550.75
250.58
1852.00
1,000,000.50

lo ordena asi;
1,000,000.50
1,852.00
250.58
4,550.75

como puedo indicarle o pasar el valor a la funcion con formato numerico o decirle que es número. o mas bienc omo resolver este problemilla.

SALUDOS

Exelente utlidad, sencilla y de facil uso, los felicito