min-width 在表格单元格上常不生效，因 table-layout: auto 下宽度优先级为 width > 内容宽 > min-width；需设 table { table-layout: fixed } 才使 min-width 起作用。
min-width 在表格单元格（td 或 th）上直接设置，**不一定生效**——这是最常踩的坑。根本原因在于表格默认使用 table-layout: auto，列宽由内容撑开，min-width 会被忽略或弱化处理。
为什么 td { min-width: 120px } 经常没反应
浏览器对表格单元格的宽度计算优先级是：width（显式设值） > 内容自然宽度 > min-width。在 auto 布局下，即使写了 min-width，只要内容很短（比如一个数字“5”），单元格仍可能被压缩到远小于 120px。
- 只设
min-width不设table-layout，等于白写 -
th的宽度会影响整列，如果表头太窄，td的min-width也难起效 - 嵌套表格、
overflow-x: auto容器内，列宽约束更易失效
table-layout: fixed 是前提条件
必须给 table 元素显式声明 table-layout: fixed，才能让 min-width 在 td/th 上真正起作用。此时列宽主要依据首行（或 col、width 属性）分配，min-width 才能作为底线约束。
- 推荐写法：
table { table-layout: fixed; width: 100%; } - 配合
width使用效果更稳，比如td:nth-child(2) { min-width: 150px; width: 20%; } - 注意：启用
fixed后，td内长文本若不加white-space: nowrap或overflow: hidden，可能溢出
不同框架里怎么写 minWidth
UI 框架通常封装了原生表格逻辑，写法和原生 CSS 不同，不能混用。
- iView / View UI：列配置项用
minWidth: 120（纯数字，单位隐含为 px），不是字符串"120px" - Element UI：列属性支持
min-width（连字符写法），值为数字或字符串如min-width="150"或:min-width="180" - React Table / TanStack Table：需在 column 定义中传入
minSize（v8）或meta.minWidth（v7），不走 CSS
容易被忽略的兼容与细节
IE8–IE11 对 min-width 在 td 上的支持极差，哪怕加了 table-layout: fixed 也不稳定；移动端 Safari 在某些 zoom 场景下也可能弱化该行为。
- 兜底方案：外层包一层
div并设min-width，再让table { width: 100% } - 百分比
min-width（如min-width: 15%）在fixed布局下有效，但依赖父容器有明确宽度 - 慎用
!important强打min-width—— 很可能掩盖了table-layout漏设的问题
