[英]Apply column search to current jQuery DataTable
我有一个当前运行正常的 jQuery DataTable:
var $dataTable = $('#example1').DataTable({
"ajax": 'api/tableSearch.php',
"iDisplayLength": 25,
"order": [[ 6, "desc" ]],
"scrollY": 600,
"scrollX": true,
"bDestroy": true,
"columnDefs": [{
"targets": 0,
"render": function (data, type, full, meta){
return '<a class="editLink" href="#">Edit</a><a class="deleteLink" href="#">Del</a>':
}
}]
});
如上所述,上面的代码相应地工作......搜索过滤器工作,排序工作,一切正常。
我想要做的是向这个数据表添加一个列搜索,如下所示:
https://www.datatables.net/release-datatables/examples/api/multi_filter_select.html
我试图将上面链接中的代码添加到我当前的代码中,如下所示:
var $dataTable = $('#example1').DataTable({
"ajax": 'api/tableSearch.php',
"iDisplayLength": 25,
"order": [[ 6, "desc" ]],
"scrollY": 600,
"scrollX": true,
"bDestroy": true,
"columnDefs": [{
"targets": 0,
"render": function (data, type, full, meta){
return '<a class="editLink" href="#">Edit</a><a class="deleteLink" href="#">Del</a>':
}
}], // begin here
initComplete: function(){
this.api().columns().every(function(){
var column = this;
var select = $('<select><option value=""></option></select>')
.appendTo( $(column.footer()).empty() )
.on( 'change', function () {
var val = $.fn.dataTable.util.escapeRegex(
$(this).val()
);
column
.search( val ? '^'+val+'$' : '', true, false )
.draw();
} );
column.data().unique().sort().each( function ( d, j ) {
select.append( '<option value="'+d+'">'+d+'</option>' )
} );
} );
}
} );
});
我没有收到任何错误,DataTable 仍然加载,但列搜索不在那里。
我正在使用 jQuery-2.1.3.min,所以它应该是最新的。
有没有人看到我做错了什么以及我可以做些什么来纠正这个问题?
将<tfoot>
添加到您的表中。 引用column.footer()
的表达式期望它存在。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.