DataTable:如何将过滤结果样式设置为类型?

时间:2015-02-10 17:59:33

标签: jquery css

  • 我想在输入时设置我的过滤结果。
  • 例如,如果我输入bs-,我想突出显示包含bs-的所有结果

  • 我如何在CSS中执行此操作?

我使用的是DataTable

enter image description here

1 个答案:

答案 0 :(得分: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

  });

我的最终结果:

enter image description here