DataTables 按钮外的“下一个”分页文本，以及显示 5 个结果的多个页面答案

【问题标题】：DataTables "next" pagination text outside of button, and multiple pages showing for 5 resultsDataTables 按钮外的“下一个”分页文本，以及显示 5 个结果的多个页面
【发布时间】：2017-05-10 10:20:44
【问题描述】：

我正在使用 DataTables 库，由于某种原因没有触及 CSS，“下一步”文本显示在分页按钮之外。即使我的 AJAX 只返回 5 个结果，它也会显示多个页面。

这是页面截图：screenshot of table

这里有一些代码：

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","reference":"XKBKNABJK","1":"XKBKNABJK"," total_paid":"55.000000","2":"55.000000","name":"Annul\u00e9","3":"Annul\u00e9","firstname":"John","4":"John" ,"姓氏":"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","reference":"OHSATSERP","1":"OHSATSERP" ,"total_paid":"75.900000","2":"75.900000","name":"付款接受\u00e9","3":"付款接受\u00e9","名字":"John","4" :"John","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","reference":"UOYEVOLI","1" :"UOYEVOLI","total_paid":"76.010000","2":"76.010000","name":"Erreur de paiement","3":"Erreur de paiement","firstname":"John"," 4":"John","lastname":"DOE","5":"DOE","date_add":"2017-04-26 09:44:56","6":"2017-04-26 09:44:56","cu rrent_state":"8","7":"8"},{"id_order":"4","0":"4","reference":"FFATNOMMJ","1":"FFATNOMMJ"," total_paid":"89.890000","2":"89.890000","name":"En attente de paiement par ch\u00e8que","3":"En attente de paiement par ch\u00e8que","firstname":"约翰","4":"约翰","姓氏":"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 attente de paiement par ch\u00e8que","3":"En attente de paiement par ch\u00e8que","firstname":"John","4":"John","lastname":"DOE","5":"DOE","date_add":"2017-04-26 09 :44:56","6":"2017-04-26 09:44:56","current_state":"1","7":"1"}]}

【问题讨论】：

标签： javascript json ajax datatables

【解决方案1】：

下一个文本是开箱即用的功能。它被设置为显示为链接而不是按钮。您可以更改分页选项here.

page length 可以使用 API 进行更改。 50 是默认值。

【讨论】：

感谢您的回复 WCEMSS。不幸的是，这不是我想要的。我不想改变分页的类型或它的外观。如果您可以查看图片，我将鼠标悬停在下一个按钮（链接）上，但文本“prochain”（即“下一步”）不会显示在悬停的选择中。

【解决方案2】：

找到了我的问题。我的脚本在我的 JSON 中返回了错误的参数。我需要而不是：

{"sEcho":1,"iTotalRecords":{"COUNT(id_order)":"5","0":"5"},"iTotalDisplayRecords":{"FOUND_ROWS()":"5", "0":"5"}

这个：

{"draw":1,"recordsTotal":"5","recordsFiltered":"5"

【讨论】：