Mikor integrálni jQuery adattáblák oszlop szűrő és sorban csoportosulás , jQuery adattáblák oszlop szűrő nem működik.
Próbáltam a demo , de úgy tűnik, a demo oszlopban szűrőt is nem működik.
Mikor integrálni jQuery adattáblák oszlop szűrő és sorban csoportosulás , jQuery adattáblák oszlop szűrő nem működik.
Próbáltam a demo , de úgy tűnik, a demo oszlopban szűrőt is nem működik.
MEGOLDÁS
Plug-ins Row csoportosítása együtt oszlop szűrése már nem fejlesztenek ki, én nem ajánlom használja őket. Használata adattáblák lehetőségek és API módszer elvégzéséhez sorban csoportosítása és az egyéni oszlopot keresés bemutatott Row csoportosítása példában és egyéni oszlopot keresést például .
// 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();
}
} );
} );
DEMÓ
Lásd ezt jsFiddle a kódot, és a demonstráció.