这可能是一个简单的问题,但我不知道我应该做些什么才能让搜索框位于网格顶部。
这就是我得到的:
var table = $('#tblCountries').DataTable({
"filter": false,
"pagingType": "simple_numbers",
"orderClasses": false,
"order": [[0, "asc"]],
"info": false,
"scrollY": "450px",
"scrollCollapse": true,
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "DataWebService.asmx/GetTableData",
"fnServerData": function(sSource, aoData, fnCallback) {
aoData.push({ "name": "roleId", "value": "admin" });
$.ajax({
"dataType": 'json',
"contentType": "application/json; charset=utf-8",
"type": "GET",
"url": sSource,
"data": aoData,
"success": function(msg) {
var json = jQuery.parseJSON(msg.d);
fnCallback(json);
$("#tblCountries").show();
},
error: function(xhr, textStatus, error) {
if (typeof console == "object") {
console.log(xhr.status + "," + xhr.responseText + "," + textStatus + "," + error);
}
}
});
},
fnDrawCallback: function() {
$('.image-details').bind("click", showDetails);
}
});
数据表适用于数据和分页,但没有搜索框。
答案 0 :(得分:2)
"filter": true,
这会处理Datatables中的搜索框。 Reference
如果filter
无效,请尝试bFilter
。在当前版本的Datatables中,它是bFilter
,其默认值为true
答案 1 :(得分:0)
如果这是服务器端处理和新版本的数据表,请使用:
searching: true,