Foros del Web » Programando para Internet » Jquery »

jquery sortable, ¿cómo usarlo sobre tablas-divs?

Estas en el tema de jquery sortable, ¿cómo usarlo sobre tablas-divs? en el foro de Jquery en Foros del Web. Hola, tengo una tabla hecha utilizando divs, y quiero hacerla ordenable por el usuario en modo drag&drop usando "jquery sortable"( http://jqueryui.com/sortable ), que en sus ...
  #1 (permalink)  
Antiguo 25/09/2014, 09:38
 
Fecha de Ingreso: noviembre-2008
Mensajes: 288
Antigüedad: 16 años, 1 mes
Puntos: 2
jquery sortable, ¿cómo usarlo sobre tablas-divs?

Hola, tengo una tabla hecha utilizando divs,
y quiero hacerla ordenable por el usuario en modo drag&drop usando "jquery sortable"(http://jqueryui.com/sortable), que en sus ejemplos utiliza listas UL.
Bien, no le estoy encontrando la vuelta para armar el html manteniendo el formato de tablas en divs.

¿alguien sabe?

esta es mi tabla de divs:

<div id="listado" style="display:table;">
<div style="display:table-row">
<div style="display:table-cell;width:40px;" >Estado</div>
<div style="display:table-cell;width:150px;" >Fecha</div>
<div style="display:table-cell;width:400px;" >Título</div>
</div>


<div id="fila-id-1" style="display:table-row;">
<div style="display: table-cell;">Activo</div>
<div style="display: table-cell;">01-09-2014</div>
<div style="display: table-cell;">título elemento 1</div>
</div>

<div id="fila-id-2" style="display:table-row;">
<div style="display: table-cell;">Activo</div>
<div style="display: table-cell;">04-09-2014</div>
<div style="display: table-cell;">título elemento 2</div>
</div>

<div id="fila-id-3" style="display:table-row;">
<div style="display: table-cell;">Activo</div>
<div style="display: table-cell;">06-09-2014</div>
<div style="display: table-cell;">título elemento 2</div>
</div>
</div>

Quiero mantener el formato de tabla, puesto que cada fila, tiene varios elementos en columnas, y no se si pueda hacerlo utilizando UL-LI.
  #2 (permalink)  
Antiguo 25/09/2014, 10:13
 
Fecha de Ingreso: noviembre-2008
Mensajes: 288
Antigüedad: 16 años, 1 mes
Puntos: 2
Respuesta: jquery sortable, ¿cómo usarlo sobre tablas-divs?

ahhh ya está!! funciona perfectamente sobre listas u otro tipo de elementos.
solo basta con la id de la div principal, que tiene el estilo display:table, aplicarle a ella el plugin de esta manera: $("#listado").sortable(); Con tan solo eso funciona perfectamente.

( Creo no me funcionaba por algún conflicto que tenía con la llamada a jquery )

Etiquetas: html, sortable
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:09.