javascript - 数据表垂直滚动问题

我已经在datatables论坛上posted了，但是几天后没有任何反应。因此，我希望这里的某人至少可以为此提出解决方法。

过去几天，我一直在努力解决这个问题，但是找不到任何解决方案...我有一个网站，其中的dataTables用于搜索结果页面，因此它必须能够处理几条或多条记录。
我想使用垂直滚动来确保无论找到多少条记录，标题都保持可见，但这让我头疼。

请参见下面的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大，并且我已将"scrollY": "500px"参数赋予dataTables，因此我希望它没有垂直滚动条。

有想法该怎么解决这个吗？

最佳答案

试试这个。

    .dataTables_scrollBody{ height:500px !important;}