fila - propiedades datatable jquery

Ordenar después de reordenar filas en DataTables(jQuery) no funciona

Question

Tengo una tabla con jQuery DataTables y quiero permitir el reordenamiento manual de filas. Por lo tanto, estoy usando un complemento jQuery que permite el reordenamiento de filas en DataTables .

El problema es que al habilitar el reordenamiento de filas, ya no puedo ordenar mis tablas. El programador de rowreordering-plugin ha dejado en claro que así es como funciona el complemento, mira la discusión aquí: https://code.google.com/p/jquery-datatables-row-reordering/issues/detail?id=1

Ahora quiero habilitar la ordenación incluso después del reordenamiento manual y el reordenamiento posterior después de la clasificación. No es un problema si la clasificación destruye el orden manual y lo "revierte".

Supongo que esta es la parte más relevante del código fuente de los complementos:

 return this.each(function () {
var oTable = $(this).dataTable();
var aaSortingFixed = (oTable.fnSettings().aaSortingFixed == null ? new Array() : oTable.fnSettings().aaSortingFixed);
aaSortingFixed.push([properties.iIndexColumn, "asc"]);
oTable.fnSettings().aaSortingFixed = aaSortingFixed;
for (var i = 0; i < oTable.fnSettings().aoColumns.length; i++) {
oTable.fnSettings().aoColumns[i].bSortable = false;
/*for(var j=0; j<aaSortingFixed.length; j++)
{
if( i == aaSortingFixed[j][0] )
oTable.fnSettings().aoColumns[i].bSortable = false;
}*/
}
oTable.fnDraw();

Aquí está el código fuente completo .

Al establecer aoColumns [i] .bSortable en''true'' en for-loop, la clasificación se habilita en la tabla pero sin ningún efecto si hago clic en las columnas. Estoy buscando una idea de cómo solucionar este problema. La última entrada de la discusión del tema dice algo prometedor, pero no parece funcionar para mí.

Estoy usando DataTables 1.9.0 y jQuery 1.7.1 porque el complemento no funciona con Datatables 1.10 o jQuery 2.

Answer 1

Use dataTables 1.10.x y el nuevo complemento RowReorder "nativo". Incluya los siguientes archivos en su proyecto:

<script src="https://cdn.datatables.net/rowreorder/1.0.0/js/dataTables.rowReorder.min.js"></script>
<link href="https://cdn.datatables.net/rowreorder/1.0.0/css/rowReorder.dataTables.min.css" type="text/css" rel="stylesheet">

$(''#example'').DataTable( {
rowReorder: true
});

demo aquí -> http://jsfiddle.net/0f9Ljfjr/