reactjs - 如果某些列在某些浏览器中是固定的，为什么表头和数据在 Ant 表中会重叠？

Question

使用Ant table design构建一个多列的表结构。 前 3 列固定在此处。对于这些固定的列，表头和数据可以正确显示。 但对于余额列，标题和数据即使在滚动时也会重叠。这在 chrome 和 safari 中都会发生，但不会在 Firefox 中发生。 Firefox 似乎工作正常。

我当前的 CSS 代码，

   .ant-table th {
      line-height: 1;
      text-align: right;
      padding: 15px 9px;
      overflow-wrap: normal;
      white-space: nowrap;
    }

Answer 1

table-layout:fixed 由 firefox 正确处理。但不是通过其他浏览器 chrome 和 safari。更改 table-layout:auto 将解决该问题。

.ant-table-layout-fixed table {
    table-layout: auto;
}