rowspan是让单元格纵向占据多行位置，需配合后续行对应列留空，否则浏览器自动补td导致错位；动态修改时须手动删除被覆盖单元格，否则渲染异常。
rowspan 不是“跨行合并”，而是让一个单元格**纵向占据多行位置**。浏览器会自动跳过它所覆盖的后续行中对应列的位置——理解这点，才能避免表格结构崩塌。
为什么 rowspan 常导致表格错位？
根本原因是：你写了 rowspan="2"，但下一行里忘了在对应列留空，浏览器就强行补上一个隐式 td，结果整行列数错乱。
- 错误写法（视觉错位）：
<tr><td rowspan="2">A</td><td>B</td></tr> <tr><td>C</td><td>D</td></tr>
→ 第二行实际被渲染成 3 个单元格（A 占了第一列，浏览器自动补了一个空td在第一列位置，再加 C、D），列对齐全乱 - 正确写法（手动留空）：
<tr><td rowspan="2">A</td><td>B</td></tr> <tr><td>D</td></tr>
→ 第二行只写一个td，因为第一列已被 A 占用，不能重复写 -
rowspan必须配合“行内单元格数量递减”：某列用了rowspan="n"，接下来 n−1 行里，该列位置必须不出现td或th
rowspan 和 colspan 能一起用吗？
能，但极其容易出错——尤其是当两者出现在同一行或相邻行时，行列坐标会快速失准。
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
- 典型翻车场景：表头第一行有个
<th rowspan="2" colspan="2">总览</th>，第二行又想写两个子项，结果漏算列数，导致后面所有th错位 - 安全做法：先画格子草图，标出每行“本该有几个单元格”，再对照写 HTML。例如 4 列宽的表头，第一行用了
colspan="2"+colspan="2"，那第二行就必须刚好有 4 个单元格（不能多也不能少） - 带
rowspan的单元格，其colspan值影响的是它自身所在行的横向跨度，不影响下方被跨越行的列布局
动态修改 rowspan 的坑
用 JS 改 cell.rowSpan 不等于“重绘表格”，它只是改属性，DOM 结构没变，浏览器不会自动删掉被覆盖位置的单元格。
- 直接赋值
td.rowSpan = 3后，若下方两行里还存在同列的td，它们不会消失，会导致视觉重叠或错行 - 真要动态调整，得手动遍历后续行，把对应列的单元格
remove()掉，否则语义和渲染都不一致 - 服务端渲染或静态报表中，
rowspan写错几乎无法调试——Chrome DevTools 的 Elements 面板不会高亮“被覆盖却未删除”的单元格，只能靠肉眼数列
rowspan 的真实代价，不在写法难，而在校验成本高：改一处，就得通查上下左右所有关联行。哪怕只是多一个空格或少一个 td，整张表的可访问性、打印样式、Excel 导出都可能失效。 
