数据表显示错误的页码

时间:2016-03-21 14:14:53

标签: javascript jquery datatables

以下是HTML代码:

<table id="myTable" class="dTable1 contentList table table-bordered" style="z-index: 2; ">

                <thead id="tableHeader">
                    <tr id="headerRow">
                        <th>Time</th>
                        <th>Event</th>
                        <th>Description</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table> 

我正在使用以下JavaScript代码初始化弹出窗口中的表:

showHistory = function (contentID) {
            debugger;
            var auditRes;
            //var oTable = $('#AuditListtable').dataTable();
            //oTable.fnDestroy();
            //alert("outside");
            $('#AuditListtable').dataTable({
                "sAjaxSource":SERVERURL?contentId=' + contentID,
                "aoColumns": [
           { "mData": "AccessDate" },
           {
               "mData": "EventDescription",
               "bSortable": false
           },
           {
               "mData": "IPAddress",
               "bSortable": false,
               "mRender": function (data, type, row) {
                   debugger;
                   return '<td> <span title="' + data + '">Played By: ' + row.FirstName + ',  IP Address: ' + data + '</span></td>';
               }
           }
                ],
                "paging": true,
                "sDom": '<"top"p<"clear">>rt',
                "sPaginationType": "full_numbers",
                "searching": false,
                "bFilter": false,
                "processing": true,
                "bServerSide": true,
                "order":true,
                "sServerMethod": "POST",
                "bAutoWidth": false,
                "iDisplayLength": 8


            });
            $('#historyPopup').modal('show');

        }

弹出数据将填充。目前我们共有9条记录,但分页显示为5页。单击另一页后,它会显示上一条记录。表格未刷新。

enter image description here

1 个答案:

答案 0 :(得分:0)

您已使用"bServerSide": true启用了服务器端处理。很可能您的回答不正确。

如果您确实需要服务器端处理,那么您的响应应该是:

{
    "sEcho": 1,
    "iTotalRecords": 9,
    "iTotalDisplayRecords": 9,
    "aaData": [
       // ... skipped ...
    ]
}

其中sEcho应具有请求中sEcho参数的值,iTotalRecords是过滤前所有记录的数量,iTotalDisplayRecords }是过滤后的所有记录的数量。

有关详细信息,请参阅server-side processing