Cuando integro jQuery DataTables filtro de columna y fila agrupación , jQuery filtro de columna tablas de datos no está funcionando.
Probé la demostración pero parece que en el filtro de la columna de demostración también no funciona.
Cuando integro jQuery DataTables filtro de columna y fila agrupación , jQuery filtro de columna tablas de datos no está funcionando.
Probé la demostración pero parece que en el filtro de la columna de demostración también no funciona.
SOLUCIÓN
Plug-ins Fila Agrupación junto con la columna de filtrado ya no se está desarrollando, yo no recomendaría el uso de ellos. Utilice opciones DataTables y métodos de la API para llevar a cabo agrupamiento de filas y búsqueda columna individual como se muestra en la fila ejemplo de agrupación y la columna buscar ejemplo individual .
// Setup - add a text input to each footer cell
$('#example tfoot th').each( function () {
var title = $('#example thead th').eq( $(this).index() ).text();
$(this).html( '<input type="text" placeholder="Search '+title+'" />' );
} );
// DataTable
var table = $('#example').DataTable({
"order": [[2, 'asc']],
"drawCallback": function (settings){
var api = this.api();
// Zero-based index of the column for row grouping
var col_name = 2;
// If ordered by column containing names
if (api.order()[0][0] === col_name) {
var rows = api.rows({ page: 'current' }).nodes();
var group_last = null;
api.column(col_name, { page: 'current' }).data().each(function (name, index){
var group = name;
if (group_last !== group) {
$(rows).eq(index).before(
'<tr class="group"><td colspan="6">' + group + '</td></tr>'
);
group_last = group;
}
});
}
}
});
// Apply the search
table.columns().every( function () {
var that = this;
$( 'input', this.footer() ).on( 'keyup change', function () {
if ( that.search() !== this.value ) {
that
.search( this.value )
.draw();
}
} );
} );
MANIFESTACIÓN
Ver este jsFiddle para el código y demostración.