DataTables 搜索高亮
官方链接 介绍 http://datatables.club/blog/2014/10/22/search-result-highlighting.html
需要多引入一个js http://bartaz.github.io/sandbox.js/jquery.highlight.js
js 代码
$(document).ready( function () {
//DT 实例化
var table = $('#myTable').DataTable();
// 监听 DT 的重绘事件
table.on( 'draw', function () {
//获得需要高亮的容器部分
var body = $( table.table().body() );
//如果之前有高亮把高亮部分去掉
body.unhighlight();
//根据搜索框里的关键字 高亮显示
body.highlight( table.search() );
} );
} );
// css 需要自己定义
<style>
.highlight {background-color: yellow;}
</style
效果如图