Table列宽fit-content与max-content

• father::antd
• antd

梗概

• 讨论在 Antd Table 中，未设置固定宽度的列在空间不足时的表现差异。

共同点

• 都只影响“未设置固定宽度”的列；溢出时都可能触发滚动（结合 scroll）。

不同点（关键在空间不足时）

• fit-content：列宽会收缩并允许内容换行。
  • 未设列宽时，可能“极端换行”（一字一行），可读性差。
• max-content：列宽按内容最大不换行进行布局，不强制换行。

相关 CSS 语义

• fit-content 与 max-content 的 CSS 区别
• 对比参考：width: auto 占满可用空间并允许自动换行。

实战建议

• 以 max-content 保持不换行配合 scroll={{ x: 'max-content' }} 更可控。
• 确需压缩展示时：为每列设置合理 minWidth，并使用 fit-content 允许换行。