Wenn ich jQuery Tables integrieren Spaltenfilter und Zeilengruppierung wird jQuery Tables Spaltenfilter funktioniert nicht.
Ich habe versucht , die Demo , aber es scheint in den Demo - Spaltenfilter auch nicht funktioniert.
Wenn ich jQuery Tables integrieren Spaltenfilter und Zeilengruppierung wird jQuery Tables Spaltenfilter funktioniert nicht.
Ich habe versucht , die Demo , aber es scheint in den Demo - Spaltenfilter auch nicht funktioniert.
LÖSUNG
Plug-in Row Gruppierung zusammen mit Spaltenfilterung wird nicht mehr weiterentwickelt, würde ich nicht empfehlen , sie zu benutzen. Verwenden Datentabellen Optionen und API - Methoden Zeilengruppierung und einzelne Spalten Suche durchzuführen , wie in gezeigt Row Gruppierungsbeispiel und einzelne Spalte Benutzer Beispiel .
// 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();
}
} );
} );
DEMO
Sehen Sie dieses jsFiddle für Code und Demonstration.