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

Question

使用Ant表设计构建具有许多列的表结构。前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。更改表格布局：自动将解决此问题。

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