html - 带有滚动正文的 Bootstrap 固定表头

Question

编程新手，也是第一次在这里发帖。

我的面板内的 Bootstrap 表有点问题。我有一个下拉菜单，用户可以在其中决定要显示哪些列。随着更多数据的添加，我需要能够垂直和水平滚动表格内容。这在没有滚动条的情况下工作正常，因为 Bootstrap 为我解决了这个问题。当我将表格设置为“显示:阻止”时，我的滚动条工作正常，但现在列标题不再排列得很好。
此外，当我添加更多要显示的列时，它们不会添加到顶部标题行，而是创建第二行。
在这里，我希望它将内容推到一起，但仍然允许每列占用所需的空间，并且当表格宽度超过它的限制时，我希望内容也可以水平滚动。
我的问题是我的数据会根据用户选择的数据(元素 ID、摘要、描述等)而变化，因此我无法设置单个列。

这是我的表格代码:

http://pastebin.com/e6qLwYqx

这是我的表格CSS:

http://pastebin.com/cFFj6Haw

如果有人能帮我解决这个问题，我将不胜感激，我已经坚持了好几天了。

Answer 1

利用

.table{
overflow:scroll ;

}

有时你可以使用 !important 覆盖你的 Bootstrap 类。对于任何更新