javascript - 数据表垂直滚动问题

Question

我已经posted这在数据表论坛上，但几天后没有回应。所以我希望这里有人至少可以为此提出一个解决方法。

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

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

我像这样初始化数据表:

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

这告诉它创建一个高度为 500 像素的垂直滚动容器。 "scollCollapse": true 告诉它不要将垂直滚动容器设置为 500px，如果表格本身的高度低于 500px(以避免空白)。

我的问题是，如您所见，即使表格高度小于 scrollYparameter 中的给定高度，也始终会添加一个垂直滚动条。这仅在同时使用 "scrollCollapse": true 时才会发生。在示例中，表格仅包含 2 行，根据 Chrome 开发人员工具，tbody 元素只有 62px 大，并且我已将 "scrollY": "500px" 参数提供给 dataTables，所以我希望没有垂直滚动条。

关于如何解决这个问题有什么想法吗？

Answer 1

试试这个。

    .dataTables_scrollBody{ height:500px !important;}