Question

我正在使用DataTables库，由于某些原因而没有触及CSS，＆＃34; Next＆＃34;文本显示在分页按钮之外。它显示了多个页面，即使我的AJAX只返回了5个结果。

以下是该页面的屏幕截图：screenshot of table

这里有一些代码：

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

{＆＃34; sEcho＆＃34;：1，＆＃34; iTotalRecords＆＃34; {＆＃34; COUNT（id_order）＆＃34;：＆＃34; 5＆＃34; ＆＃34; 0＆＃34;：＆＃34; 5＆＃34;}＆＃34; iTotalDisplayRecords＆＃34; {＆＃34; FOUND_ROWS（）＆＃34;：＆＃34; 5＆＃34; ＆＃34; 0＆＃34;：＆＃34; 5＆＃34;}＆＃34; aaData＆＃34;：[{＆＃34; id_order＆＃34;：＆＃34; 1＆＃34;，＆＃34; 0＆＃34;：＆＃34; 1＆＃34;＆＃34;参考＆＃34;：＆＃34; XKBKNABJK＆＃34;＆＃34; 1＆＃34;：＆＃34; XKBKNABJK＆＃ 34;，＆＃34; total_paid＆＃34;：＆＃34; 55.000000＆＃34;＆＃34; 2＆＃34;：＆＃34; 55.000000＆＃34;＆＃34;名称＆＃34 ;: ＆＃34;废止\ u00e9＆＃34;＆＃34; 3＆＃34;：＆＃34;废止\ u00e9＆＃34;＆＃34;姓名＆＃34;：＆＃34;约翰＆＃34;，＆＃34; 4＆＃34;：＆＃34;约翰＆＃34;＆＃34;姓＆＃34;：＆＃34; DOE＆＃34;＆＃34; 5＆＃34;：＆＃34; DOE＆＃ 34;，＆＃34; date_add＆＃34;：＆＃34; 2017-04-26 09:44:56＆＃34;，＆＃34; 6＆＃34;：＆＃34; 2017-04-26 09： 44：56＆＃34;＆＃34; current_state＆＃34;：＆＃34; 6＆＃34;＆＃34; 7＆＃34;：＆＃34; 6＆＃34;}，{＆＃34; id_order＆＃34;：＆＃34; 2＆＃34;＆＃34; 0＆＃34;：＆＃34; 2＆＃34;＆＃34;参考＆＃34;：＆＃34; OHSATSERP＆＃34;，＆＃34; 1＆＃34;：＆＃34; OHSATSERP＆＃34;＆＃34; total_paid＆＃34;：＆＃34; 75.900000＆＃34;＆＃34; 2＆＃34;：＆＃34; 75.900000 ＆＃34;，＆＃34;名称＆＃34;：＆＃34; Paiement接受\ u 00e9＆＃34;，＆＃34; 3＆＃34;：＆＃34; Paiement接受\＃34;，＆＃34;名字＆＃34;：＆＃34; John＆＃34;，＆＃34; 4＆＃ 34;：＆＃34;约翰＆＃34;＆＃34;姓＆＃34;：＆＃34; DOE＆＃34;＆＃34; 5＆＃34;：＆＃34; DOE＆＃34;＆＃ 34; date_add＆＃34;：＆＃34; 2017-04-26 09：44：56＆＃34;，＆＃34; 6＆＃34;：＆＃34; 2017-04-26 09：44：56＆＃34 ;，＆＃34; current_state＆＃34;：＆＃34; 2＆＃34;＆＃34; 7＆＃34;：＆＃34; 2＆＃34;}，{＆＃34; id_order＆＃34;：＆＃34; 3＆＃34;＆＃34; 0＆＃34;：＆＃34; 3＆＃34;＆＃34;参考＆＃34;：＆＃34; UOYEVOLI＆＃34;＆＃34; 1＆＃ 34;：＆＃34; UOYEVOLI＆＃34;＆＃34; total_paid＆＃34;：＆＃34; 76.010000＆＃34;＆＃34; 2＆＃34;：＆＃34; 76.010000＆＃34 ;, ＆＃34;姓名＆＃34;：＆＃34; Erreur de paiement＆＃34;，＆＃34; 3＆＃34;：＆＃34; Erreur de paiement＆＃34;，＆＃34; firstname＆＃34;：＆＃34;约翰＆＃34;＆＃34; 4＆＃34;：＆＃34;约翰＆＃34;＆＃34;姓＆＃34;：＆＃34; DOE＆＃34;＆＃34; 5＆＃ 34;：＆＃34; DOE＆＃34;，＆＃34; date_add＆＃34;：＆＃34; 2017-04-26 09：44：56＆＃34;，＆＃34; 6＆＃34;：＆＃ 34; 2017-04-26 09:44:56＆＃34;，＆＃34; current_state＆＃34;：＆＃34; 8＆＃34;，＆＃34; 7＆＃34;：＆＃34; 8＆＃34 ;}，{＆＃34; id_order＆＃34;：＆＃34; 4＆＃34;＆＃34; 0＆＃34;：＆＃34; 4＆＃34;＆＃34;参考＆＃34;：＆＃34; FFATNOMMJ＆＃34;＆＃34; 1＆＃34;：＆＃34; FFA TNOMMJ＆＃34;＆＃34; total_paid＆＃34;：＆＃34; 89.890000＆＃34;＆＃34; 2＆＃34;：＆＃34; 89.890000＆＃34;＆＃34;名称＆＃34 ;：＆＃34; En tete de paiement par ch \ u00e8que＆＃34;，＆＃34; 3＆＃34;：＆＃34; En attente de paiement par ch \ u00e8que＆＃34;，＆＃34; firstname＆＃34 ;：＆＃34;约翰＆＃34;＆＃34; 4＆＃34;：＆＃34;约翰＆＃34;＆＃34;姓＆＃34;：＆＃34; DOE＆＃34;＆＃34 ; 5＆＃34;：＆＃34; DOE＆＃34;，＆＃34; date_add＆＃34;：＆＃34; 2017-04-26 09：44：56＆＃34;，＆＃34; 6＆＃34; ：＆＃34; 2017-04-26 09：44：56＆＃34;，＆＃34; current_state＆＃34;：＆＃34; 1＆＃34;，＆＃34; 7＆＃34;：＆＃34; 1＆＃34;}，{＆＃34; id_order＆＃34;：＆＃34; 5＆＃34;＆＃34; 0＆＃34;：＆＃34; 5＆＃34;＆＃34;参考＆＃34 ;：＆＃34; KHWLILZLL＆＃34;＆＃34; 1＆＃34;：＆＃34; KHWLILZLL＆＃34;＆＃34; total_paid＆＃34;：＆＃34; 71.510000＆＃34;＆＃ 34; 2＆＃34;：＆＃34; 71.510000＆＃34;，＆＃34; name＆＃34;：＆＃34; En attente de paiement par ch \ u00e8que＆＃34;，＆＃34; 3＆＃34; ：＆＃34;恩注意参加会议＆＃34;，＆＃34;名字＆＃34;：＆＃34;约翰＆＃34;，＆＃34; 4＆＃34;：＆＃34;＆＃34;约翰＆＃ 34;，＆＃34;姓＆＃34;：＆＃34; DOE＆＃34;＆＃34; 5＆＃34;：＆＃34; DOE＆＃34;＆＃34; DATE_ADD＆＃34;：＆＃ 34; 2017-04-26 09：44：56＆＃34;，＆＃34; 6＆＃34;：＆＃34; 2017 -04-26 09:44:56＆＃34;，＆＃34; current_state＆＃34;：＆＃34; 1＆＃34;，＆＃34; 7＆＃34;：＆＃34; 1＆＃34;}] }

Answer 1

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

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

Answer 2

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

{＆＃34; sEcho＆＃34;：1，＆＃34; iTotalRecords＆＃34; {＆＃34; COUNT（id_order）＆＃34;：＆＃34; 5＆＃34;＆＃34 ; 0＆＃34;：＆＃34; 5＆＃34;}＆＃34; iTotalDisplayRecords＆＃34; {＆＃34; FOUND_ROWS（）＆＃34;：＆＃34; 5＆＃34;＆＃34 ; 0＆＃34;：＆＃34; 5＆＃34;}

这样：

{＆＃34;绘制＆＃34;：1，＆＃34; recordsTotal＆＃34;：＆＃34; 5＆＃34;＆＃34; recordsFiltered＆＃34;：＆＃34; 5＆＃34;

DataTables＆＃34; next＆＃34;按钮外的分页文本，以及显示5个结果的多个页面

2 个答案: