jquery - 数据表 : How to style filter result as type?

Question

• 我想在输入时设置过滤结果的样式。

• 例如，如果我输入 bs- 我想突出显示所有包含 bs-

的结果

• 我如何在 CSS 中做到这一点？

我正在使用 DataTable .

Answer 1

感谢 @sdcr 为我指明了正确的方向。

我通过执行以下操作来实现:

1- 包含 JS CDN

<script src="//bartaz.github.io/sandbox.js/jquery.highlight.js" type="text/javascript"></script>
<script src="//cdn.datatables.net/plug-ins/f2c75b7247b/features/searchHighlight/dataTables.searchHighlight.min.js" type="text/javascript"></script>

2- 包含 CSS CDN

3- 添加 "searchHighlight": true 作为设置的一部分。

我的整个设置是这样的:

// Setting to Inventory Table 
  $('#inventory').dataTable({

    "lengthMenu": [ 10 ] ,
    "bLengthChange": false,
    "searchHighlight": true

  });

我的最终结果: