安装
dataTables.bootstrap.css
jquery.dataTables.min.js
dataTables.bootstrap.min.js使用
/**
* DataTables 参数
* @authors HappyGoose
* @date 2017-05-10 16:43:26
* @version
*/
$("selector").dataTable({
//是否自动计算列宽 这会花费一些时间 若列宽通过aoColumns传递 可以关闭该属性作为优化
"bAutoWidth":true,
//是否延迟渲染 当用Ajax或者JS方式加载数据时开启延迟渲染会带来很大的速度提升
"bDeferRender":false,
//是否显示表格信息
"bInfo":true,
//是否允许终端用户从一个选择列表中选择分页的页数
"bLengthChange":false,
//当表格在处理的时候（比如排序操作）是否显示 处理中...
"bProcessing":false,
//是否开启列排序
"bSort":true,
//自定义语言设置
"oLanguage":{
"oPaginate": {
//第一页按钮上的文字
"sFirst": "First page",
//最后一页按钮上的文字
"sLast": "Last page",
//下一页按钮上的文字
"sNext": "Next page",
//前一页按钮上的文字
"sPrevious": "Previous page"
},
//当表格中没有数据（无视因为过滤导致的没有数据）时 该字符串显示
"sEmptyTable": "No data available in table",
//给终端用户提供当前页面的展示信息
"sInfo": "Got a total of _TOTAL_ entries to show (_START_ to _END_)",
//当对数据进行过滤操作后 如果没有要显示的数据 会在表格记录中显示该字符串
"sZeroRecords": "No records to display"
}
})
-
参考
传送门
