数据表垂直滚动问题

Question

我已经在数据表论坛上posted了，但几天后没有回复。所以我希望有人能为此至少找到一个解决方法。

过去几天我一直在讨论这个问题，但是找不到任何解决方案......我有一个网站，数据表是用在搜索结果页面上的，所以它必须能够处理一些记录或许多。 我想使用垂直滚动来确保无论找到多少记录都可以看到标题，但这让我很头疼......

请参阅以下用于演示我的问题的jsfiddle：http://jsfiddle.net/kzgq1L25/2/

我像这样初始化数据表：

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

它告诉它创建一个高度为500px的垂直滚动容器。 "scollCollapse": true告诉它不要使垂直滚动容器500px，如果表本身不高于那个（以避免空白空间）。

我的问题是，正如您所看到的，即使表格高度低于scrollYparameter中的给定高度，也总会添加垂直滚动条。只有在使用"scrollCollapse": true时才会发生这种情况。在示例中，该表只包含2行，根据Chrome开发人员工具，tbody元素只有62px大，我给了dataTables "scrollY": "500px"参数，所以我希望没有垂直滚动条。

有关如何解决此问题的任何想法？

Answer 1

尝试这个。

    .dataTables_scrollBody{ height:500px !important;}

Answer 2

当您从表格元素中删除边距时，您的垂直滚动条问题也会得到修复，同样在您的jsfiddle中：

table.dataTable {
    margin: 0;
}