JQuery DataTable bütünleştirdiğinizde sütun filtresi ve satır gruplama jQuery DataTable sütun filtresi çalışmıyor.
Denedim demo ama aynı zamanda çalışmıyor demo kolon filtreye görünüyor.
JQuery DataTable bütünleştirdiğinizde sütun filtresi ve satır gruplama jQuery DataTable sütun filtresi çalışmıyor.
Denedim demo ama aynı zamanda çalışmıyor demo kolon filtreye görünüyor.
ÇÖZÜM
Eklentileri Sıra Gruplama ile birlikte Sütun Filtreleme artık ben bunları kullanarak öneriyoruz değil, geliştirilmektedir. Gösterildiği gibi sıralı gruplama ve bireysel sütun arama gerçekleştirmek için DataTable seçenekleri ve API yöntemlerini kullanın örnek gruplandırma Row ve Bireysel sütun arama örneği .
// 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
Bkz bu jsFiddle kodu ve gösteri için.