jQueryDataTable没有搜索框

Question

这可能是一个简单的问题，但我不知道我应该怎么做才能使搜索框位于网格顶部。

这是我得到的：

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);
   }
});

数据表适用于数据和分页，但没有搜索框。

Answer 1

"filter": true, 这处理数据表中的搜索框。 Reference

如果 filter 不起作用，请尝试 bFilter。在当前版本的 Datatables 中它是 bFilter 并且它的默认值是 true

Answer 2

如果这是服务器端处理和新版本的数据table那么使用：

searching: true,

jQueryDataTable没有搜索框

jQuery DataTable has no search box

jquery

datatables