Kiedy integrować jQuery DataTables filtr kolumn i wierszy grupowania , jQuery filtr kolumna DataTables nie działa.
Próbowałem demo , ale wydaje się w filtrze kolumny demo również nie działa.
Kiedy integrować jQuery DataTables filtr kolumn i wierszy grupowania , jQuery filtr kolumna DataTables nie działa.
Próbowałem demo , ale wydaje się w filtrze kolumny demo również nie działa.
ROZWIĄZANIE
Plug-iny Row Grupowanie wraz z kolumny Filtering nie są już rozwijane, nie polecam ich używania. Używać DataTables możliwości i metody API wykonać grupowanie poszczególnych wierszy i kolumn wyszukiwanie, jak pokazano na Row przykład grupowania i indywidualne przykład kolumna poszukiwania .
// 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();
}
} );
} );
PRÓBNY
Zobacz ten jsFiddle kodu i demonstracji.