colspan="全部列数"才能让表头真正横跨整行，需精确计算逻辑列总数而非随意写大值；例如5列表格必须用colspan="5"，且tbody每行单元格colspan总和也须严格等于5。
colspan="全部列数" 才能让表头真正横跨整行
直接写 colspan="100" 不管用，浏览器会按实际列数截断。关键不是“写多大”，而是算准当前表格的逻辑列总数。比如你表格主体有 5 列，那 <th colspan="5"> 才是正确写法；如果某列本身用了 <code>colspan="2"，那总列数就得重新加总——不能只看 HTML 里写了几个 <td>。<ul>
<li>用开发者工具选中表头单元格，在「Computed」里看 <code>width 是否接近表格总宽，否则说明 colspan 值没对上
colspan = 5 - 1 + 1 = 5
colSpan={5}（驼峰、number 类型），传字符串会警告表头跨全宽后，tbody 行必须严格对齐列数
很多人写了 <th colspan="5">汇总报表</th>，结果下面 <tr>
<td>A</td>
<td>B</td>
</tr> 就错位——因为这一行只有 2 个单元格，但逻辑列数是 5，浏览器自动补空导致布局断裂。
- 每一行所有
<td> 和 <code><th> 的 <code>colspan值加起来，必须等于该表设计的总列数（比如 5） - 如果表头用了
colspan="5"，那<tbody> 每一行也得凑够 5 列：可以是 5 个普通 <code><td>，也可以是 <code><td colspan="2"></td> <td colspan="3"></td> - 导出 Excel 时尤其敏感，列数不一致会导致边框断裂、数据偏移
- 调试阶段建议临时去掉
table-layout: fixed，确认colspan渲染正常后再加回 - 若必须用 fixed，确保
<col>标签数量与逻辑列数一致，且每列宽度加起来 ≥ 表格总宽 - 给
colspan单元格单独设width在 fixed 模式下常被忽略，应改设对应<col>的宽度 - 第一行总列数 = 所有
colspan值之和（如 2+2=4） - 第二行必须提供恰好 4 个单元格（不管是否带
colspan），例如：<th>Q1</th> <th>Q2</th> <th>Q1</th> <th>Q2</th> - 嵌套越深，越要维护列索引映射数组，硬编码容易漏算
table-layout: fixed 下 colspan 宽度不生效？先关掉它调试
设了 table-layout: fixed 后，colspan 单元格可能被压扁或内容换行，不是属性失效，而是浏览器先按 <col> 或首行宽度定死各列尺寸，再把跨列单元格“塞”进去。
多行表头里第一行用 colspan，第二行怎么写才不崩
二级表头常见结构：<th colspan="2">销售额</th>
<th colspan="2">成本</th>，下面一行就得拆成 4 个普通 <th>，而不是继续按“2+2”写两个 <code>colspan——否则列数叠加后超限。
实际用的时候，最易忽略的是 tbody 行的列数校验——它不像表头那么显眼，但只要有一行没对齐，整张表视觉和导出都会出问题。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
