giá trị Thay đổi hộp chọn của "hiển thị 10 mục" của jquery DataTable

Question

Theo mặc định, jquery DataTable chương 10 theo mặc định và có

lựa chọn: 10,25,50,100

Làm thế nào tôi có thể thay đổi các tùy chọn?

Answer 1

Đừng quên để thay đổi iDisplayLength cũng như:

$(document).ready(function() { 
    $('#tbl_id').dataTable({ 
     "aLengthMenu": [[25, 50, 75, -1], [25, 50, 75, "All"]], 
     "iDisplayLength": 25 
    }); 
}); 

Answer 2

$(document).ready(function() { 
    $('#example').dataTable({ 
    "aLengthMenu": [[25, 50, 75, -1], [25, 50, 75, "All"]], 
    "pageLength": 25 
    }); 
}); 

aLengthMenu: Tham số này cho phép bạn dễ dàng xác định các mục trong chiều dài thả xuống menu DataTables cho thấy khi pagination được kích hoạt. Nó có thể là một mảng 1D tùy chọn sẽ được sử dụng cho cả tùy chọn được hiển thị và giá trị hoặc mảng 2D sẽ sử dụng mảng ở vị trí đầu tiên làm giá trị và mảng ở vị trí thứ hai là tùy chọn được hiển thị (hữu ích cho các chuỗi ngôn ngữ như 'Tất cả').

Cập nhật

Kể từ DataTables v1.10, các tùy chọn bạn đang tìm kiếm là pageLength và lengthMenu

Answer 3

$('#tblSub1View').dataTable({ 
        "bJQueryUI": true, 
        "sPaginationType": "full_numbers", 
        "bDestroy": true, 
        "aoColumnDefs": [{ 
         'bSortable': false, 
         'aTargets': [0, 1] 
        }], 
        "aLengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]], 
        "iDisplayLength": 10, 
       }); 

Answer 4

Trong trường hợp của tôi, aLengthMenu không hoạt động. Vì vậy, tôi sử dụng này. Và nó đang hoạt động.

jQuery('#dyntable3').dataTable({    
      oLanguage: {sLengthMenu: "<select>"+ 
      "<option value='100'>100</option>"+ 
      "<option value='200'>200</option>"+ 
      "<option value='300'>300</option>"+ 
      "<option value='-1'>All</option>"+ 
      "</select>"}, 
      "iDisplayLength": 100 

     }); 

Cảm ơn bạn

Answer 5

Theo datatables.net cách thích hợp để làm điều này là thêm thuộc tính lengthMenu với một mảng các giá trị.

$(document).ready(function() { 
    $('#example').dataTable({ 
     "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]] 
    }); 
}); 

Answer 6

nếu bạn bấm một số nút, sau đó thay đổi datatables các displaylenght, bạn có thể thử này:

$('.something').click(function() { 
var oSettings = oTable.fnSettings(); 
oSettings._iDisplayLength = 50; 
oTable.fnDraw(); 
}); 

oTable = $('#example').dataTable(); 

Answer 7

Nếu bạn muốn sử dụng 'lengthMenu' cùng với nút (sao chép, xuất khẩu), bạn phải sử dụng tùy chọn này dom: 'lBfrtip'. Ở đây https://datatables.net/reference/option/dom bạn có thể tìm thấy ý nghĩa của từng biểu tượng. Ví dụ, nếu bạn sẽ sử dụng như thế này 'Bfrtip', lengthMenu sẽ không xuất hiện.