JQuery.dataTables的数据表格插件示例

基于Bootstrap样式：

https://datatables.net/examples/styling/bootstrap.html

中文社区：

http://datatables.club/

Datatables是一款jquery表格插件。它是一个高度灵活的工具，可以将任何HTML表格添加高级的交互功能。

• 分页，即时搜索和排序
• 几乎支持任何数据源：DOM， javascript， Ajax 和 服务器处理
• 支持不同主题 DataTables, jQuery UI, Bootstrap, Foundation
• 各式各样的扩展: Editor, TableTools, FixedColumns ……
• 丰富多样的option和强大的API
• 支持国际化
• 超过2900+个单元测试
• 免费开源 （ MIT license ）！ 商业支持
• 更多特性请到官网查看

引用说明：前提是已经引用了JQuery插件

仅使用原生表格，

[html]  view plain   copy

1. <link href="~/Scripts/table/js/jquery.dataTables.min.css" rel="stylesheet" />  
2. <script src="~/Scripts/table/js/jquery.dataTables.min.js"></script>  

更多是使用Bootstrap的样式：

[html]  view plain   copy

1. @*注意，css样式需要更改，不能同时引用*@  
2. @*<link href="~/Scripts/table/js/jquery.dataTables.min.css" rel="stylesheet" />*@  
3. <script src="~/Scripts/table/js/jquery.dataTables.min.js"></script>  
4. <link href="~/Scripts/table/js/dataTables.bootstrap4.css" rel="stylesheet" />  
5. <