我的数据表如下所示:
这里在单个页面中显示默认的 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"
} ]
});
最佳答案
有一个名为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
关于javascript - 如何在数据表中显示 5 行而不是默认的 10 行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54339409/