如何在引导反应中添加高度和溢出属性以反应表？答案

【问题标题】：How to add height and overflow properties to react table in bootstrap react?如何在引导反应中添加高度和溢出属性以反应表？
【发布时间】：2021-10-23 16:30:00
【问题描述】：

我在 react 中有这个引导表 -

<Table
      striped
      bordered
      hover
      variant="dark"
      className="table"
      style={{ maxHeight: "90vh", overflow: "scroll" }}
>

但是，maxHeight 和 overflow 属性似乎不起作用。即使我使用了height 道具，桌子的高度还是一样的。

我尝试的另一种方法是在表格中添加className，然后用CSS尝试它，即使这样也没有用。

那么有没有办法可以将高度和溢出添加到引导表？

【问题讨论】：

标签： css reactjs twitter-bootstrap

【解决方案1】：

我发现你可以做到这一点。通过用具有这些属性的 div 包装表格

所以，在这种情况下 -

<div style={{ height: '90vh', overflow: 'scroll' }}>
<Table
      striped
      bordered
      hover
      variant="dark"
      className="table"
      style={{ maxHeight: "90vh", overflow: "scroll" }}
/>
</div>

【讨论】：