2015-10-14 102 views
2

enter image description here如何在jQuery DataTable中搜索確切的字符串?

我該如何才能過濾滿意而已。

香港專業教育學院嘗試這個劇本,但它不工作

<script> 
$(document).ready(function() { 
    tbl = $('#example').dataTable(); 
    tbl.fnFilter("^" + filter_value + "$"); 
}); 

$(document).ready(function() { 
    $('#example').dataTable({ 
     "oSearch": {"bSmart": false} 
    }); 
}) 

oTable.fnFilter("^"+TERM+"$", COLUMN , true); //Term, Column #, RegExp Filter 
oSettings.aoPreSearchCols[ iCol ].sSearch = "^\\s*"+'1'+"\\s*$"; 
oSettings.aoPreSearchCols[ iCol ].bRegex = false; 
oSettings.aoPreSearchCols[ iCol ].bSmart= false; 
</script> 
+0

您使用哪種版本的DataTable? –

回答

1

SOLUTION

使用下面的代碼爲數據表1.10+在表中的所有列進行精確匹配:

var table = $('#example').DataTable(); 

$('.dataTables_filter input', table.table().container()) 
    .off('.DT') 
    .on('keyup.DT cut.DT paste.DT input.DT search.DT', function (e) { 

     // Uncomment this loop for large datasets for performance 
     // to search only on ENTER key 
     // if (e.keyCode == 13) { 

      var term = $.trim(this.value).toLowerCase(); 
      if (term !== "") { 
       $.fn.dataTable.ext.search.push(
        function (settings, data, dataIndex) { 
         var isFound = false; 
         $.each(data, function (index, value) { 
          if (value.toLowerCase() === term.toLowerCase()) { 
           isFound = true; 
          } 
          return !isFound; 
         }); 

         return isFound; 
        } 
       ); 
      } 

      table.draw(); 

      if (term !== "") { 
       $.fn.dataTable.ext.search.pop(); 
      } 

     // Uncomment this loop for large datasets for performance 
     // to search only on ENTER key 
     // } 
}); 

DEMO

this jsFiddle代碼和演示。

+0

@RolanAlgara,請注意,我的代碼是用於DataTables 1.10 –

+0

副本先生,虐待稍後再試。再次感謝你。 –

+0

先生多一個問題,如果從數據庫填充表,這個代碼會工作嗎? –

相關問題