td/th直接设min-width常无效，因默认table-layout: auto下宽度优先级为width > 内容宽 > min-width；需配合table-layout: fixed及第一行或<col>定义宽度才生效。
td/th直接写min-width为什么没反应
最常见的情况是：写了min-width: 120px，但单元格依然被压缩成10px宽。这不是CSS失效，而是表格默认用table-layout: auto，此时宽度优先级是width > 内容自然宽 > min-width。短内容（比如“5”或空格）会直接把单元格压扁，min-width被忽略。
关键点在于：min-width在auto布局下不是“底线”，而是“弱约束”。它只在内容撑不开时才可能起作用，但多数场景下根本轮不到它生效。
- 别只给
td加min-width，必须同步给table设table-layout: fixed -
th的宽度会影响整列，如果表头太窄，后续td的min-width也难顶住 - 嵌套表格或
overflow-x: auto容器里，min-width更容易被绕过
table-layout: fixed怎么配才真正生效
加了table-layout: fixed还不够——它只是打开了min-width生效的门，但门后怎么分配宽度，得靠你明确告诉浏览器。
固定布局下，列宽主要依据第一行（tr:first-child）的th或td来定，后续行写的min-width基本不参与计算。所以可靠写法只有两种：
立即学习“前端免费学习笔记（深入）”；
- 在
<col>上直接设width：<col style="width: 150px">，最稳，完全不依赖内容 - 只在第一行对应单元格设
min-width，例如tr:first-child th:nth-child(2) { min-width: 180px; } - 搭配
width: 100%一起用：table { table-layout: fixed; width: 100%; }，否则fixed可能让表格塌缩
注意：fixed启用后，长文本若没加white-space: nowrap或overflow: hidden，会溢出单元格。
不同框架里minWidth怎么写才对
UI框架封装了原生表格逻辑，直接套CSS会失效。写法差异大，混用必踩坑：
- iView / View UI：
columns配置里写minWidth: 120（纯数字，不能写"120px"） - Element UI：
el-table-column属性用min-width="150"或:min-width="180"（连字符写法，值可数字可字符串） - React Table v8：
column定义中传minSize: 160；v7则走meta.minWidth - Ant Design：
columns里用width或ellipsis控制，minWidth不直支持，得靠className+ CSS
框架内写CSS类名时，要确认是否穿透到了真实td上——很多组件把样式挂到外层div，实际没作用到单元格。
IE和移动端兼容性怎么兜底
IE8–IE11对td上的min-width支持极差，哪怕加了table-layout: fixed也大概率失效；iOS Safari在某些zoom或横屏场景下会弱化该行为。
真要兼容老环境，别赌CSS，用更底层的控制：
- 外层包一层
div并设min-width，再让table { width: 100% }，靠父容器卡死下限 - 用
<col>设width，这是所有浏览器都认的硬约束 - 百分比
min-width（如min-width: 15%）在fixed布局下有效，但前提是父容器有明确宽度——没设width或max-width的flex容器里，它等于没写
复杂点在于：min-width不是独立生效的，它永远要和table-layout、width、父容器状态绑在一起。漏掉任意一环，就白配。
