Javascript Datatables垂直滚动问题

我已经在datatables论坛上讨论过这个问题，但几天后没有回应。所以我希望这里的人至少能想出一个解决办法

过去几天我一直在努力解决这个问题，但找不到任何解决办法。。。我有一个网站被dataTables用于搜索结果页面，所以它必须能够处理一些记录，或者很多记录。 我想使用垂直滚动来确保无论找到多少条记录，标题都保持可见，但这让我很头疼

请参阅以下演示我的问题的JSFIDLE：

我初始化数据表如下：

$('#example').DataTable({
    "scrollX": true
    , "scrollY" : "500px"
    , "scrollCollapse": true
    , "paging": false
    , "searching": false
    , "ordering": true
});

它告诉它创建一个高度为500px的垂直滚动容器。scollCollapse:true告诉它，如果表本身的高度低于500px，则不要使垂直滚动容器成为500px，以避免出现空白

我的问题是，正如您所看到的，始终会添加一个垂直滚动条，即使表格高度小于scrollYparameter中给定的高度。这仅在同时使用scrollCollapse:true时发生。在这个示例中，该表仅由2行组成，根据Chrome developer工具，tbody元素只有62px大，我给dataTables提供了scrollY:500px参数，因此我希望没有垂直滚动条

有没有办法解决这个问题？

试试这个

    .dataTables_scrollBody{ height:500px !important;}

试试这个

    .dataTables_scrollBody{ height:500px !important;}

---

当您从table元素中删除边距时，垂直滚动条的问题就得到了解决，JSFIDLE中也有这样的问题：

table.dataTable {
    margin: 0;
}

---

当您从table元素中删除边距时，垂直滚动条的问题就得到了解决，JSFIDLE中也有这样的问题：

table.dataTable {
    margin: 0;
}

---

很抱歉，这并不能真正解决问题，它只是使表固定为500px高，这与从datatable初始化中删除scrollCollapse:true是一样的。谢谢你的回答！很抱歉，这并不能真正解决问题，它只是使表固定为500px高，这与从datatable初始化中删除scrollCollapse:true是一样的。谢谢你的回答！这并不能真正回答问题。如果您有不同的问题，可以单击以提问。一旦你有足够的时间，你也可以吸引更多的注意力我编辑了它，所以现在我认为它确实回答了这个问题。这并没有真正回答这个问题。如果您有不同的问题，可以单击以提问。一旦你有足够的时间，你也可以吸引更多的注意力我编辑了它，所以现在我认为它确实回答了这个问题。