JS Datatables插件server-side方式处理分页的示例代码段

Author: Kagula

测试日期：2017-02-07

测试环境：

[1]Chrome 54.x

[2]Metronic 4.7（这是我们JS代码依赖的模板库）

正文

html代码段

                            <div class="portlet-body">
                                <div class="table-scrollable" style="padding: 16pt">
                                    <table class="display" id="mainTable">
                                        <thead>
                                        <tr>
                                            <th> # </th>
                                            <th> 报警类型  </th>
                                            <th> 报警时间 </th>
                                            <th> 处理人员 </th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                    </table>
                                </div>
                            </div>

JS代码段

        var lang = {
            "sProcessing": "处理中...",
            "sLengthMenu": "每页 _MENU_ 条记录",
            "sZeroRecords": "没有匹配结果",
            "sInfo": "当前显示第 _START_ 至第 _END_ 条记录，共 _TOTAL_ 条记录。",
            "sInfoEmpty": "当前显示第 0 至 0 条记录，共 0 条记录",
            "sInfoFiltered": "(由 _MAX_ 项结果过滤)",
            "sInfoPostFix": "",
            "sSearch": "搜索:",
            "sUrl": "",
            "sEmptyTable": "表中数据为空",
            "sLoadingRecords": "载入中...",
            "sInfoThousands": ",",
            "oPaginate": {
                "sFirst": "首页",
                "sPrevious": "上页",
                "sNext": "下页",
                "sLast": "末页",
                "sJump": "跳转"
            },
            "oAria": {
                "sSortAscending": ": 以升序排列此列",
                &#