jQuery Datatable - 带Bootstrap CSS的水平滚动条

Question

在jQuery数据表中，当我包含bootstrap css时，水平滚动条不会出现。我知道，有些样式覆盖了数据表。有人可以帮助我，哪种风格会造成问题？

Demo

脚本

$(document).ready(function() {
    $('#example').dataTable( {
        "sScrollX": "100%",
        "sScrollXInner": "110%",
        "bScrollCollapse": true
    });
});

提前致谢。

Answer 1

引导程序应用了一种样式，允许表的最大宽度为100％;

table {
    background-color: rgba(0, 0, 0, 0);
    max-width: 100%;
}

如果禁用/删除此最大宽度，则会出现滚动。或者只是用以下内容覆盖表的样式：

table {
max-width: none !important;
}

如果您的样式没有覆盖bootstrap的样式，请添加“！important”。