我一直在使用jQuery DataTables插件(http://datatables.net)已经有一段时间了,通常我们使用默认大小并使用"bStateSave": true
选项非常好。
但是现在我真的需要将分页的大小设置为[10,25,50,100]而不是我需要这个,比如说[1,2,3]。我通过设置选项aLengthMenu:[1,2,3]
来设置菜单,如果我选择其中一个选项,它会设置正确的选择量。
但是在dataTable STARTUP上,它没有将长度设置为1,2,3而是设置为默认值“10”
我错过了哪个选项? 提前谢谢!
答案 0 :(得分:63)
清除您的Cookie,使用bStateSave时保存的数据表,并且您有10,25,50,100
然后刷新它现在应该保存1或2或3
你是说吗?"aLengthMenu": [[5, 10, 15, 25, 50, 100 , -1], [5, 10, 15, 25, 50, 100, "All"]],
"iDisplayLength" : 10,
答案 1 :(得分:32)
DataTables 1.10 +
使用lengthMenu
定义可用页面长度列表,使用 pageLength
设置初始页面长度。
如果未指定pageLength
,则会自动将其设置为lengthMenu
指定的数组中给出的第一个值。
var table = $('#example').DataTable({
"lengthMenu": [ [2, 4, 8, -1], [2, 4, 8, "All"] ],
"pageLength": 4
});
有关代码和演示,请参阅this jsFiddle。
DataTables 1.9
使用aLengthMenu
定义可用页面长度列表,使用iDisplayLength
设置初始页面长度。
var table = $('#example').dataTable({
"aLengthMenu": [ [2, 4, 8, -1], [2, 4, 8, "All"] ],
"iDisplayLength": 4,
});
有关代码和演示,请参阅this jsFiddle。
答案 2 :(得分:1)
确保等待,直到你有意义的东西加载。
$timeout(function(){ // given timeout for wait load the page
$('#dataTables-example').dataTable({
"iDisplayLength": 10,
});
}, 100, false);