javascript - ejemplos - No se puede inicializar el complemento Reordenamiento de fila-rowReordering no es una función
drag and drop table (1)
Estoy usando jQuery DataTables con el complemento Reordenamiento de fila y por alguna razón recibo el siguiente mensaje de error:
Unkeught TypeError: $ (...). DataTable (...). RowReordering no es una función
al hacer esto:
$(document).ready(function() {
$(''#demo'').html(''<table cellpadding="0" cellspacing="0" border="0" class="display cell-border" id="example" ></table>'');
t = $(''#example'').DataTable({
"columns":
[
{width: "10%", "className": "ageClass", "title": "Priority", "data": "priority" },
{"className": "actionClass", "title": "Action", "data": "action" },
],
"bPaginate": false,
"bLengthChange": false,
"bFilter": false,
"bInfo": false,
"bAutoWidth": false,
"scrollY": "200px",
"scrollCollapse": true,
"paging": false
}).rowReordering();;
// This line is where the console says the error is
for (var i = 0; i < 10; i ++)
{
t.row.add(
{
priority: i,
action: i,
}).draw();
}
});
HTML:
<div id="demo"> </div>
Solo estoy haciendo lo que se describe aquí: https://code.google.com/p/jquery-datatables-row-reordering/wiki/Index
PORQUE
El complemento Original Reordenar fila es incompatible con DataTables 1.10.
$(selector).DataTable() método $(selector).DataTable() se agregó en DataTables 1.10 después de que se haya actualizado por última vez el Complemento de reordenamiento de filas .
SOLUCIÓN
Para DataTables 1.9
Para usar rowReordering() necesita inicializar su tabla como $(''#example'').dataTable() , no $(''#example'').DataTable() .
Para DataTables 1.10
He bifurcado el add-on en github y he agregado soporte para DataTables 1.10 al usar sugerencias en los comentarios .
Ver jQuery DataTables - Artículo de reordenamiento de fila para más detalles y demostración.
MANIFESTACIÓN
$(document).ready( function () {
var table = $(''#example'').DataTable({
"createdRow": function( row, data, dataIndex ) {
$(row).attr(''id'', ''row-'' + dataIndex);
}
});
for(var i = 1; i <= 100; i++){
table.row.add([
i,
i + ''.2'',
i + ''.3'',
i + ''.4'',
i + ''.5'',
i + ''.6''
]);
}
table.draw();
table.rowReordering();
} );
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>jQuery DataTables</title>
<link href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
<script src="https://code.jquery.com/ui/1.9.2/jquery-ui.min.js"></script>
<script src="http://mpryvkin.github.io/jquery-datatables-row-reordering/1.2.3/jquery.dataTables.rowReordering.js"></script>
</head>
<body>
<table id="example" class="display" width="100%">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</tfoot>
<tbody>
</tbody>
</table>
</body>
</html>