每页更改限制后重新渲染分页

Question

我有一个数据表：

$(document).ready (function() {
    $('#table_list').DataTable ({
        "bJqueryUI": true,
        "bProcessing": true,
        "bServerSide": true,
        "sAjaxSource": "./action/list_json.php",
        "iDisplayLength": 50, // default nb to display 
        "aaSorting": [],
        "oLanguage": {
            "sLengthMenu": 'Show <select id="list"><option value="25">25</option><option value="50">50</option><option value="100">100</option></select> lines'
        },
        "aoColumns": [
            { "bVisible":false }, { "bSortable":false }, { "bSortable":false }, { "bSortable":false }, { "bSortable":false }
        ]
    });
}) ;

更改每页显示的行数后，我返回了很好的信息：

....
"iTotalRecords" => "28"
"iTotalDisplayRecords" => 25

但是鉴于我有一个激活第 1 页的分页，通常我应该有一个 2 页的分页：第一页有 25 个项目，第二页有 3 个项目；

但我有类似的东西

问题是没有完成分页的渲染； 你能帮我一些建议吗？

Answer 1

您需要在数据表配置中添加以下两个属性

"bPaginate":true,
"sPaginationType":"full_numbers",

你的代码应该看起来像

$(document).ready (function() {
    $('#table_list').DataTable ({
        "bJqueryUI": true,
        "bProcessing": true,
        "bServerSide": true,
        "sAjaxSource": "./action/list_json.php",
        "bPaginate":true,
        "sPaginationType":"full_numbers",
        "iDisplayLength": 50, // default nb to display 
        "aaSorting": [],
        "oLanguage": {
            "sLengthMenu": 'Show <select id="list"><option value="25">25</option><option value="50">50</option><option value="100">100</option></select> lines'
        },
        "aoColumns": [
            { "bVisible":false }, { "bSortable":false }, { "bSortable":false }, { "bSortable":false }, { "bSortable":false }
        ]
    });
}) ; 

注意：如果"sPaginationType":"full_numbers"不起作用，请使用"pagingType": "full_numbers" ”。 这取决于您的数据表插件版本