表水平滚动条获得额外的空间。

Question

我正在尝试构建一个可滚动的表，所以我将我的表放在div（#tableScroll）中并将此CSS添加到表包装器div中。

#tableScroll {
    max-height: 320px;
    overflow: auto;
}

这是我的HTML页面截图。

但我获得了额外的空间，请查看屏幕截图。

然后我检查元素并发现表tbody height负责这个额外的空间。

请参阅检查屏幕截图

请给我你的想法/想法，这对我很有帮助。

Answer 1

只需按类.table-responsive替换#tableScroll。

<div class="m-b-5">
 <div class="table-responsive">

Answer 2

尝试将其更改为overflow: scroll;，auto just lets the browser decide

#tableScroll {
    max-height: 320px;
    overflow: scroll;
    height: 320px;
    display: block;
}

Answer 3

如果您需要bulkTable的高度是{1}}，我认为该表的ID为tableScroll，另一件事就是给bulkTable一个水平卷轴，为此你应该在CSS overflow-x: auto

中使用它

#bulkTable {
  overflow-x: auto; }

我希望它可以帮到你：D