jquery數據表，將幾行數作爲一行的下拉列表來選擇要顯示的條目數

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



    });

如何做到這一點？

來源

2013-05-13 Istiaque Ahmed

我想你想：

"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行。

來源

2013-05-14 11:46:33

使數據表顯示爲代碼爲「aLengthMenu」：[[10,25,50，「All」]，[10,25,50，「All」]]，' – 2013-05-15 08:02:45

不確定我明白你在說什麼。 DataTables需要一個1維數組或2維數組。如果給定一個一維數組，則提供的數字將顯示在選項下拉列表中，並用於顯示的行數值。如果您給它一個二維數組，第一組數字將用作要顯示的行數，第二組數字將顯示在顯示屏中。所以如果你使用我給你的數組，「10」將顯示在下拉菜單中，但是當選中時，將顯示70行。 – 2013-05-15 16:39:49

請參閱編輯「iDisplayLength」 – 2013-05-15 16:51:21

jquery數據表，將幾行數作爲一行的下拉列表來選擇要顯示的條目數

回答

相關問題