2013-05-13 185 views
0

使用jquery data table,使用下面的代码,我得到表格上方的下拉选项值为70,175,350和All。我希望这些值显示为10,25,50,所有,但每行计数实际上应该等于7行。所以当我从drodown中选择10时,表应该显示10 * 7 = 70行,用于25它应该显示175行等jquery数据表,将几行数作为一行的下拉列表来选择要显示的条目数

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

我想你想:

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

从数据表的网站: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”,最初的数据表只显示10行。

+0

使数据表显示为代码为“aLengthMenu”:[[10,25,50,“All”],[10,25,50,“All”]],' – 2013-05-15 08:02:45

+0

不确定我明白你在说什么。 DataTables需要一个1维数组或2维数组。如果给定一个一维数组,则提供的数字将显示在选项下拉列表中,并用于显示的行数值。如果您给它一个二维数组,第一组数字将用作要显示的行数,第二组数字将显示在显示屏中。所以如果你使用我给你的数组,“10”将显示在下拉菜单中,但是当选中时,将显示70行。 – 2013-05-15 16:39:49

+0

请参阅编辑“iDisplayLength” – 2013-05-15 16:51:21

相关问题