DataTables在按钮外“下一个”分页文本，多页显示5个结果

Question

我正在使用DataTables库，并且由于某种原因而没有触摸CSS，“下一个”文本显示在分页按钮的外部。 即使我的AJAX仅返回5个结果，它仍显示多页。

这是页面的屏幕截图：表的屏幕截图

这是一些代码：

JS

table = $('#table_orders').DataTable(
        {
            "sAjaxSource": "ajaxData/getCommandes.php",
            "sAjaxDataProp":"aaData",
            "oLanguage": {
                "sEmptyTable": "Aucune donnée",
                "sProcessing": "chargement...",
                "sZeroRecords" : "Votre recherche n'a donné aucun résultat",
                "oPaginate" : {
                    "sNext" : "prochain",
                    "sPrevious" : "précédent"
                }
            },
            "bLengthChange": false,
            "bInfo": false,
            "bProcessing": true,
            "bServerSide": true,
            "columns": [
                { data: "reference" },
                { data: null, render: function ( data ) {
                    return data.firstname+' '+data.lastname;
                } },
                { data: "total_paid"},
                { data: "date_add"},
                { data: "name"},
                { data: null, render: function ( data ) {
                    // conditional HTML buttons
                    }
                }, "orderable": false }
            ]
        }
    );

AJAX JSON

{“ sEcho”：1，“ iTotalRecords”：{“ COUNT（ id_order ）”：“ 5”，“ 0”：“ 5”}，“ iTotalDisplayRecords”：{“ FOUND_ROWS（）”：“ 5”，“ 0” ： “5”}， “aaData”：[{ “id_order”： “1”， “0”： “1”， “参考”： “XKBKNABJK”， “1”： “XKBKNABJK”， “total_paid”：“55.000000 ”， “2”： “55.000000”， “名称”： “废除\\ u00e9”， “3”： “废除\\ u00e9”， “姓名”： “约翰”， “4”： “约翰”， “姓”： “ DOE”，“ 5”：“ DOE”，“ date_add”：“ 2017-04-26 09:44:56”，“ 6”：“ 2017-04-26 09:44:56”，“ current_state”： “6”， “7”： “6”}，{ “id_order”： “2”， “0”： “2”， “参考”： “OHSATSERP”， “1”： “OHSATSERP”， “total_paid”： “ 75.900000”，“ 2”：“ 75.900000”，“名称”：“付款接受\\”，“ 3”：“付款接受\\”，“名字”：“约翰”，“ 4”：“约翰”， “ lastname”：“ DOE”，“ 5”：“ DOE”，“ date_add”：“ 2017-04-26 09:44:56”，“ 6”：“ 2017-04-26 09:44:56”， “current_state”： “2”， “7”： “2”}，{ “id_order”： “3”， “0”： “3”， “参考”： “UOYEVOLI”， “1”： “UOYEVOLI”， “ total_paid”：“ 76.010000”，“ 2”：“ 76.010000”，“ name”：“ Paerment”，“ 3”：“ Paerment”，“ firstname”：“ John”，“ 4”：“ John “，”姓氏“：” DOE“，” 5“：” DOE“，” date_add“：” 2017-04-26 09:44:56“，” 6“：” 2017-04-26 09:44:56 “” CURREN t_state “：” 8" ， “7”： “8”}，{ “id_order”： “4”， “0”： “4”， “参考”： “FFATNOMMJ”， “1”： “FFATNOMMJ”，” total_paid“：” 89.890000“，” 2“：” 89.890000“，” name“：”已注册，“ 3”：“已注册，”“ firstname”：“ John“，” 4“：” John“，”姓“：” DOE“，” 5“：” DOE“，” date_add“：” 2017-04-26 09:44:56“，” 6“：” 2017 -04-26 09:44:56“，” current_state“：” 1“，” 7“：” 1“}，{” id_order“：” 5“，” 0“：” 5“，” reference“：” KHWLILZLL”，“ 1”：“ KHWLILZLL”，“ total_paid”：“ 71.510000”，“ 2”：“ 71.510000”，“ name”：“ En Patente de ch \\ u00e8que”，“ 3”：“ En Attente de paiement par ch \\ u00e8que“，”名字“：”约翰“，” 4“：”约翰“，”姓“：” DOE“，” 5“：” DOE“，” date_add“：” 2017-04-26 09 ：44：56“，” 6“：” 2017-04-26 09:44:56“，” current_state“：” 1“，” 7“：” 1“}]}

Answer 1

接下来的文字是开箱即用的功能。 它被设置为显示为链接而不是按钮。 您可以在此处更改分页选项。

可以使用API​​更改页面长度 。 默认值为50。

Answer 2

发现了我的问题。 我的脚本在JSON中返回了错误的参数。 我需要代替：

{ “sEcho”：1， “iTotalRecords”：{ “COUNT（id_order）”： “5”， “0”： “5”}， “iTotalDisplayRecords”：{ “FOUND_ROWS（）”： “5”， “0” ： “5”}

这个：

{ “画”：1， “recordsTotal”： “5”， “recordsFiltered”： “5”