突出顯示在數據表中的搜索結果

我想爲我的搜索結果使用插件datatables.highlight，但它不工作..有人可以告訴我，如果我失去了一些東西？突出顯示在數據表中的搜索結果

我已經包含上面的文件：

dataTables.searchHighlight.css 
jquery.highlight.js 
dataTables.searchHighlight.min.js

，並在我的js代碼：

$(document).ready(function() { 
     var myTable = $('#dataTable').dataTable({ 
       dom: 'Blfrtip', 
       retrieve: true, 
       searchHighlight: true, 
       buttons: [ 
        { 
        .... 
        }  
       ] 
     }); 
     myTable.on('draw', function() { 
      var body = $(myTable.table().body()); 
      body.unhighlight(); 
      body.highlight(myTable.search()); 
     }); 
....

來源

2016-03-23 Joey Pablo

你有什麼錯誤嗎？ –

您的代碼與[本文]中提到的內容相符（https://datatables.net/blog/2014-10-22）。正在搜索/訂購工作？考慮在https://jsfiddle.net上創建一個例子 –

不，我沒有得到任何錯誤：/和是搜索/訂購作品 –

監聽DataTable的事件可以以兩種方式出現。

如果使用dataTable()保存DataTable引用，它將返回一個jQuery對象。因此，在收聽事件時，您必須附加.dt名稱空間，如draw.dt。
如果使用DataTable()保存DataTable引用，它將返回一個DataTable api實例。在這種情況下，您可以簡單地收聽draw。你也可以聽draw.dt，但它是多餘的。

https://jsfiddle.net/guanzo/9xs3zxcp/4/

我是有進口highlight.js麻煩，所以我直接粘貼代碼到小提琴

來源

2016-03-23 23:27:51

非常感謝:) –

嘗試驗證您included libraries links，因爲它的工作原理是隻需添加searchHighlight: true，你不必須使用功能來突出顯示結果。

看到這個JsFiddle

來源

2016-03-23 23:49:18

突出顯示在數據表中的搜索結果

回答

相關問題