jQuery DataTable没有搜索框

时间:2015-08-31 10:21:28

标签: jquery datatables

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

这就是我得到的:

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

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

2 个答案:

答案 0 :(得分:2)

"filter": true,这会处理Datatables中的搜索框。 Reference

如果filter无效,请尝试bFilter。在当前版本的Datatables中,它是bFilter,其默认值为true

答案 1 :(得分:0)

如果这是服务器端处理和新版本的数据表,请使用:

searching: true,