0

我正在使用引导程序和数据表。我有代码来显示一个可以正常工作的表格，直到我添加 sScrollY。一旦我添加了这个，我就会在 thead 和 tbody 之间找到一个间隙。

据我所见，DataTables 将 thead 和 tbody 拆分为两个单独的表。Bootstrap css 为 .table 类提供了 margin-bottom: 20px 。所以，显然两个表都应用了这个 css 类，两者之间有 20px 的差距。

有没有人遇到过这个？如果是这样，您（我可以）如何解决它？

谢谢

4

1 回答 1

1

如果您使用的是 Bootstrap 和数据表：

(1) 您是否在数据表网站上使用本文中讨论的代码？ http://www.datatables.net/blog/Twitter_Bootstrap_2

(2) 你是把桌子包在里面.container吗？

我不想建议采取这些步骤是使sScrollY工作按预期进行的唯一方法，但我认为采取这些步骤是您可以用来使表格按预期工作的一种选择。

这是一个例子：http :
//jsbin.com/atofot/1 http://jsbin.com/atofot/1/edit

$(document).ready(function() {
    $('#new-example').dataTable( {
        "sDom": "<'row'<'span6'l><'span6'f>r>t<'row'<'span6'i><'span6'p>>",
        "sScrollY": "200px",
        "sPaginationType": "bootstrap",
        "oLanguage": {
            "sLengthMenu": "_MENU_ records per page"
        }
    });
});

请注意，示例使用来自数据表博客文章DT_bootstrap.css的和的 jsbin 代码。DT_bootstrap.js

于 2013-06-01T15:18:52.373 回答