0

使用 jquery数据表,使用以下代码,我将表上方的下拉选项值设置为 70,175,350 和全部。我希望这些值显示为 10、25、50、全部,但每个单行计数实际上应该等于 7 行。所以当我从下拉列表中选择 10 时,表格应该显示 10*7=70 行,对于25 它应该显示 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"]],



     });

怎么做 ?

4

1 回答 1

1

我想你想要:

"aLengthMenu": [[70, 175, 350, -1], [10, 25, 50, "All"]],

来自 DataTables 网站:http ://www.datatables.net/examples/advanced_init/length_menu.html

这个参数要么是一个一维数组,将用于显示的选项和值,要么是一个二维数组(如本例所示),它将使用第一个位置的数组作为值,并将数组在第二个位置作为显示的选项(对语言字符串很有用,例如“全部”)。

编辑 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 行。

于 2013-05-14T11:46:33.970 回答