javascript - jquery - 数据表更改 sScrollY

Question

我想更改数据表的可滚动区域的大小。

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

Answer 1

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

Answer 2

要更改 Y 滚动，请使用以下代码，

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

Answer 3

如果您有多个数据表，您可以通过包装器访问每个数据表：

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

Answer 4

对于 jquery.dataTables 1.10.x ：

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

根据 Datatables 文档，这是推荐的方式。根据相同的文档，不鼓励使用设置对象，因为它是内部的。

Answer 5

我不得不将两者结合起来解决我的问题。就我而言，我想做无休止的分页，问题是窗口调整大小后，dataTables_scrollBody 的高度保持固定，所以我必须调整 oScroll 以显示带有滚动条的表格数据。设置 dataTables_scrollBody 高度将在窗口大小更改时起作用，但在表格重绘后它将使用旧的 sScrollY 值回滚，Neo 的代码修复了这个问题。:)

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