colspan是唯一合法的横向合并手段，值必须为正整数字符串，用于让单元格占据右侧连续列，行内总列数须一致，且不决定具体宽度。
colspan 是唯一合法且直接生效的横向合并手段，不是“加宽单元格”，而是让一个 <td> 或 <th> 占据右侧连续的若干列位置——后续同级单元格会自动右移，不写它就等于删掉那些列。
colspan="n" 的值必须是正整数字符串
浏览器只认纯数字字符串，比如 colspan="2"、colspan="5"。写成 colspan=2（无引号）虽能解析，但 JS 动态拼接时容易出错；写成 colspan="2px" 或 colspan="two" 会被完全忽略，单元格退化为占 1 列。
-
colspan="0"不被任何主流浏览器支持，不要用 -
colspan="1"等价于不写，没意义 - 动态生成 HTML 时，确保变量插值后仍是有效数字字符串，例如：
<td colspan="${span || 1}">，避免span为undefined导致colspan="undefined"
合并后行总列数必须一致，否则表格错位
错位不是 colspan 本身的问题，而是你没同步调整该行其他单元格数量。HTML 表格按“每行真实列数”对齐，这个数 = 所有 colspan 值之和 + 普通单元格数。
- 若首行定义了 4 列，你在第一个
<th colspan="2">后，只能再写两个独立<th>（2+1+1=4），写三个就会变成 5 列 -
<tr><td colspan="3">A</td><td>B</td><td>C</td></tr>这行实际是 5 列（3+1+1），但如果你下一行只写了 4 个<td>，就会偏移 - 调试建议：在控制台运行
Array.from(tr.children).reduce((s, el) => s + (el.colSpan || 1), 0)，逐行验证结果是否相等
和 CSS width / table-layout 配合时的宽度陷阱
colspan 只决定“占几列”，不决定“具体多宽”。最终宽度由表格算法或 CSS 控制，这里最容易踩坑。
立即学习“前端免费学习笔记（深入）”；
- 设了
table-layout: fixed后，列宽由第一行或<col>决定，colspan="3"的单元格宽度 = 它所跨三列的宽度之和 - 给
colspan单元格单独设width: 200px，在table-layout: fixed下可能被忽略 - 用百分比时，
width: 60%是占整个表格宽度的 60%，不是占它跨的那几列的 60% —— 可能撑开整行或挤压邻居 - 响应式场景下，
colspan不会自适应拆分，缩屏后仍硬跨固定列数，需配合媒体查询或 JS 重绘逻辑
真正难的不是写对 colspan，而是算清每行“该有多少列”以及“哪些位置已被吞掉”。尤其当 <thead> 用了跨列，<tbody> 第一行必须严格对齐起始列坐标——这里漏一个空单元格，整张表就裂开了。
