2012-02-14 38 views
28

默認情況下,datatables有4種大小的記錄顯示:10,25,50,100。更改顯示的jquery數據表默認行數

A)有沒有辦法改變這種情況?我試着編輯jquery文件來將數組本身更改爲[30,60,90,120],並將其銷燬。

B)有沒有一種方法來設置默認選擇大小,說這個選擇器的50(而不是10)初始化時,jQuery的建立呢?

我無法在文檔中找到這些項目中的任何一個。

回答

65

[更新,因爲這個答案看起來好像有一些意見] -

更新答:

在以後的版本(我相信1.10+),該API的命名規則改變,開溝匈牙利命名法。我相信老約定別名的兼容性,但目前的慣例是:

lengthMenu 
pageLength 

因此,更新後的答案是:

A)它的lengthMenu參數:https://datatables.net/reference/option/lengthMenu

例如,這裏的我如何擁有我的一套:

"lengthMenu": [[10, 25, 50, 100, 200, -1], [10, 25, 50, 100, 200, "All"]], 

b)pageLength https://datatables.net/reference/option/pageLength - 可選地將其設置爲無論你的默認應該是什麼。

"pageLength" : 25, 

原來的答案

A)這是aLengthMenu參數:http://datatables.net/ref#aLengthMenu

例如,這裏就是我有我一套之一:

"aLengthMenu": [[10, 25, 50, 100, 200, -1], [10, 25, 50, 100, 200, "All"]], 

乙)iDisplayLength - 將此參數設置爲任何默認的應該是

+0

當用戶選擇另一個長度時,是否發生過任何事件? – Javaguru 2012-06-28 21:15:07

+0

以下是使用當前版本的數據表觸發的事件:https://datatables.net/reference/event/ – 2015-11-26 06:00:51

1
  • 數據表1.10+

    使用lengthMenu定義可用頁長的列表,並可選pageLength設置初始頁面長度。

    如果沒有指定pageLength,它將自動設置爲由lengthMenu指定的數組中給出的第一個值。

    var table = $('#example').DataTable({ 
        lengthMenu: [ [2, 4, 8, -1], [2, 4, 8, "All"] ], 
        pageLength: 4 
    }); 
    

    查看this jsFiddle的代碼和演示。


  • 數據表1.9

    使用aLengthMenu定義可用頁長的列表,並iDisplayLength設置初始頁面長度。

    var table = $('#example').dataTable({ 
        "aLengthMenu": [ [2, 4, 8, -1], [2, 4, 8, "All"] ], 
        "iDisplayLength" : 4,   
    }); 
    

    查看this jsFiddle的代碼和演示。