Javascript 使用固定的minWidth调整React引导表列大小

我有一个引导表，可以在其中切换列。由于列的数量，我需要使用水平流使其全部适合内部。但是，标题和列本身的大小太小，以至于无法读取。所以我必须为每列设置一个最小宽度。

因此，列应始终位于整个表的长度中，并调整大小以填充所有列。但是，当我使用固定的minWidth并且列不多时，这些列不会调整大小以适应整个表。在下图中，红方块不应该出现，而是用列填充。

我已经创建了一个沙盒链接，其中的表无法正确调整大小

我搜索了stack overflow来帮助我处理水平溢出，顺便说一句，这是我使用的CSS。我认为这就是为什么列没有按其应有的大小调整大小的原因

#table-employee-compensation {
  overflow: auto;
  display: block;
  width: auto !important;
  table-layout: auto !important;
}

---

感谢您抽出时间阅读此文

我通过将

溢出：自动

添加到

中解决了这个问题。react bootstrap table

，删除了

宽度：自动！重要的和更改<代码>显示：块来自#表“员工薪酬类别”。按计划工作