plugin-datatables

• 安装
  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"
    }
})

• 参考
  传送门