1
我需要在數據庫表中添加一個下拉篩選器選項,該選項根據所選值顯示錶中的記錄。我檢查了DataTable的最新文檔,並嘗試以下內容:在數據表插件中添加下拉篩選器選項
$('#checkin-checkout-record-table').dataTable({
/* "dom": '<"toolbar">C<"clear">lfrtip<"clear">T',
tableTools: {
"sSwfPath": app.baseurl("/gbdportal/assets/js/libs/TableTools-2.2.4/swf/copy_csv_xls_pdf.swf"),
"aButtons": [{
"sExtends": "xls",
"oSelectorOpts": { filter: 'applied', order: 'current' }
}]
},*/
"bPaginate": true,
"bLengthChange": true,
"bFilter": true,
"bSort": true,
"bInfo": true,
// "order": [[0, 'asc'], [4, 'asc']],
"aLengthMenu": [50, 100],
"bAutoWidth": false,
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>')
});
});
}
});
但是不顯示過濾器下拉列表。我認爲這可能是由於版本不兼容。我正在使用1.10.0-dev版本。
也許你可以添加一個jsFiddle,這樣我們可以幫助你更好 – MaVRoSCy