jquery - thay đổi dữ liệu sScrollY

Question

Tôi muốn thay đổi kích thước của khu vực có thể cuộn của dữ liệu có thể lưu.

$('#example').dataTable({"sScrollY": 100}); 
//some stuff.. 
$('#example').dataTable({"sScrollY":101}); //wrong: cannot reinitialize 

Answer 1

$('.dataTables_scrollBody').css('height', 400); 

Answer 2

Để thay đổi Y Scroll sử dụng mã dưới đây,

var objDataTable = $('#example').dataTable({"sScrollY" : 100}); 
objDataTable.fnSettings().oScroll.sY = 101; 
objDataTable.fnDraw(); 

Answer 3

tôi phải kết hợp cả hai để giải quyết vấn đề của tôi. Trong trường hợp của tôi, tôi muốn phân trang vô tận, vấn đề là sau khi thay đổi kích thước cửa sổ, chiều cao của dataTables_scrollBody vẫn cố định, vì vậy tôi phải điều chỉnh oScroll để hiển thị dữ liệu bảng với thanh cuộn. Thiết lập chiều cao dataTables_scrollBody sẽ hoạt động khi thay đổi kích thước cửa sổ, nhưng sau khi bảng vẽ lại nó sẽ quay trở lại bằng cách sử dụng giá trị sScrollY cũ, và mã của Neo đã sửa lỗi này. :)

objDataTable.fnSettings().oScroll.sY = 101; 
objDataTable.fnDraw(); 
$('.dataTables_scrollBody').css('height', 400); 

Answer 4

Nếu so với cùng kỳ có nhiều datatables bạn có thể truy cập mỗi bởi các wrapper:

$('#example').dataTable({'sScrollY': 100}); 
//some stuff.. 
objDataTable.fnSettings().oScroll.sY = '225px'; 
$('#example_wrapper').children('.dataTables_scroll').children('.dataTables_scrollBody').css('height', '225px'); 

Answer 5

Đối jquery.dataTables 1.10.x:

$('div.dataTables_scrollBody').height(400); 

Đây là cách khuyến khích theo vào tài liệu Datatables. Theo cùng một tài liệu, việc sử dụng đối tượng cài đặt không được khuyến khích vì nó là nội bộ.