使用jquery data table,使用以下代码,我得到表格上方的下拉选项值为70,175,350和All。我希望值显示为10,25,50,All,但是每一行计数实际上应该等于7行。所以当我从drodown中选择10时,表应显示10 * 7 = 70行,它应该显示175行等。
var oTable = $('#example').dataTable({
"sDom": 'T<"clear">lrtip',
"oTableTools": {
"bSort": false,
"sSwfPath": "DataTables-1.9.4/extras/TableTools/media/swf/copy_csv_xls_pdf.swf",
"aButtons": [
{
"sExtends": "xls",
"sFileName": "*.xls"
}
]
},
"aaSorting" : [],
"aLengthMenu": [[10, 25, 50, -1], [70, 175, 350, "All"]],
});
怎么做?
答案 0 :(得分:1)
我想你想要:
"aLengthMenu": [[70, 175, 350, -1], [10, 25, 50, "All"]],
来自DataTables网站:http://www.datatables.net/examples/advanced_init/length_menu.html
此参数是将用于的一维选项数组 显示的选项和值,或2D数组(如下所示) 例子)将使用第一个位置的数组作为值, 和数组在第二个位置作为显示的选项(有用 对于诸如“全部”之类的语言字符串。
编辑iDisplayLength
以上最初只显示10行。因此在调用.dataTable时使用iDisplayLength:70。看到这个jsFiddle,我相信你会问:http://jsfiddle.net/Ptcdv/
您需要的代码是这样的:
var oTable = $('#myTable').dataTable({
aaData: data,
"aLengthMenu": [[70, 175, 350, -1], [10, 25, 50, "All"]],
"iDisplayLength": 70
})
没有“iDisplayLength”,dataTables最初只显示10行。