AntD Form:scroll 与 max-content 的影响

要点

  • 设置列宽后,如内容实际宽度更大,某些布局下列宽会被内容“撑开”,即不会压缩实际内容宽度。
  • 在需要固定列宽并截断时,应结合 tableLayout: fixed 或组件本身的省略策略。

建议

  • 表格内表单:结合 Tablescroll={{ x: 'max-content' }} 与列 ellipsis/CSS 截断,避免布局被内容撑破。
  • 表单项内容较长时:显式设置容器宽度与 overflow: hidden; text-overflow: ellipsis;

相关