jquery数据表,将多行计为单行,用于下拉列表以选择要显示的条目数

时间:2013-05-13 07:53:30

标签: jquery datatables

使用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"]],



     });

怎么做?

1 个答案:

答案 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行。