如何使用DataTables插件将滚动条添加到表主体？

Question

我正在使用dataTables插件在表中显示数据，但是当我向表主体添加滚动条时，表头看起来像这样：

数据表头

我在Datatable文档中找到了解决方案，他们建议添加2行

$(".dataTables_scrollHeadInner").css({"width":"100%"});
$(".table ").css({"width":"100%"});

但是当我在javascript中添加这两行时，表格对齐方式看起来很糟糕。 如何向数据表主体添加滚动条？

JavaScript：

$('#protein-table').DataTable({
    scrollY:'400px',
    scrollCollapse:true,
    ordering: false,
});

Answer 1

 $(document).ready(function() { $('#protein-table').DataTable( { "scrollY": "400px", "scrollCollapse": true, "paging":false }) }); //try this code