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.