2012-02-14 45 views
28

Theo mặc định, datatables có 4 kích thước bản ghi để hiển thị: 10,25,50,100.Thay đổi số lượng dữ liệu jquery mặc định số hàng được hiển thị

A) Có cách nào để thay đổi điều này không? Tôi đã thử chỉnh sửa các tập tin jquery để thay đổi mảng để [30,60,90,120] chính nó và điều này đã phá hủy nó.

B) Có cách nào để đặt kích thước lựa chọn mặc định nói đến 50 (thay vì 10) của bộ chọn này khi khởi tạo khi jquery xây dựng nó?

Tôi không thể tìm thấy một trong các mục này trong tài liệu.

Trả lời

65

[Update vì câu trả lời này dường như để có được một số quan điểm] -

Cập nhật trả lời:

Trong các phiên bản sau (tôi tin rằng 1.10+), các quy ước đặt tên API thay đổi, đã bỏ rơi các ký hiệu Hungarian . Tôi tin rằng những quy ước cũ được aliased để tương thích, nhưng những quy ước hiện tại là:

lengthMenu 
pageLength 

Như vậy, câu trả lời được cập nhật bao gồm:

A) đó là lengthMenu tham số: https://datatables.net/reference/option/lengthMenu

Ví dụ, đây là làm thế nào tôi có một trong những bộ của tôi:

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

B) pageLength https://datatables.net/reference/option/pageLength - tùy chọn đặt này thành bất cứ điều gì mặc định của bạn nên được.

"pageLength" : 25, 

gốc trả lời

A) Đó là aLengthMenu tham số: http://datatables.net/ref#aLengthMenu

Ví dụ, đây là cách tôi có một trong những bộ tôi:

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

B) iDisplayLength - thiết lập tham số này để bất cứ điều gì mặc định của bạn nên được

+0

Có sự kiện nào được kích hoạt khi người dùng chọn độ dài khác không? – Javaguru

+0

Dưới đây là các sự kiện được kích hoạt với phiên bản hiện tại của datatables: https://datatables.net/reference/event/ –

1
  • DataTables 1.10+

    Sử dụng lengthMenu để xác định một danh sách dài trang có sẵn và tùypageLength để thiết lập chiều dài trang ban đầu.

    Nếu pageLength không được chỉ định, nó sẽ tự động được đặt thành giá trị đầu tiên được đưa ra trong mảng được chỉ định bởi lengthMenu.

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

    Xem this jsFiddle để biết mã và trình diễn.


  • DataTables 1,9

    Sử dụng aLengthMenu để xác định một danh sách dài trang có sẵn và iDisplayLength để thiết lập chiều dài trang ban đầu.

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

    Xem this jsFiddle để biết mã và trình diễn.

Các vấn đề liên quan