如何在数据表中显示 5 行而不是默认的 10 行？

Question

我的数据表如下所示：

这里它在单个页面中显示默认的 10 个数据。我需要显示 58 个条目中的 1 到 5 个，所以我尝试放置max:5但它不起作用。我只需要显示 5 个数据，用户可以使用分页其他数据访问。

我的数据表代码是：

var table = $('#firstTable').DataTable({
        "processing" : true,
        "scrollY": 410,
        "scrollX": true,
        order: [ 0, 'asc' ],
        max :5,
        "ajax" : {
            "url" : A_PAGE_CONTEXT_PATH + "/form/api/getAllSelection/all",
            dataSrc : ''
        },
        "columns" : [ {
            "data" : "selectionId"
        }, {
            "data" : "selectionDate"
        }, {
            "data" : "selectedBy"
        }, {
            "data" : "eximPanNo"
        }, {
            "data" : "eximPanName"
        }, {
            "data" : "eximPanAddr"
        }, {
            "data" : "eximPanPhone"
        }, {
            "data" : "selectionType"
        } ]
    });

Answer 1

有一个选项称为pageLength. 您可以将其设置为仅显示 5 个条目。

 var table = $('#firstTable').DataTable({
    pageLength : 5,
    lengthMenu: [[5, 10, 20, -1], [5, 10, 20, 'Todos']]
  })

有关详细信息，请参阅： https: //datatables.net/forums/discussion/46346/how-to-show-less-than-10-rows