rowspan必须显式写在<td>或<th>中且为正整数才生效；跨行后对应位置的单元格须删除，否则错位；混用colspan时注意解析顺序，动态设置推荐element.rowSpan=2。
rowspan 怎么写才生效
必须确保 <td> 或 <th> 标签里明确写了 rowspan，且值是正整数（比如 rowspan="2"），浏览器才会合并行。它不是“自动推断”的——哪怕视觉上看起来该合并，没写属性就只是普通单元格。
-
rowspan="1"是默认值，可省略；写出来也没错，但没必要 - 值写成
rowspan="0"在部分浏览器会尝试扩展到表格底部，但行为不一致，**别用** - 如果跨行后下一行对应位置还写了
<td>，那它会被忽略（浏览器跳过该格），容易导致错位，得手动删掉
跨行合并时表格结构容易崩，怎么避免
本质是 HTML 表格靠“行内单元格数量”推导列宽和对齐，rowspan 改变了每行实际参与布局的单元格数。常见崩坏现象：某列突然变窄、文字挤在一起、边框错位。
- 检查被跨行的单元格所在列，其下方对应位置的
<td>必须删除——比如<td rowspan="3">A</td>占了第1–3行，那么第2、3行同列不能再有<td> - 建议先画草稿：标出哪些行要被合并，再逐行写
<tr>，对照着删掉冗余单元格 - 用浏览器开发者工具选中单元格，看
box-model是否异常，比肉眼判断更准
和 colspan 混用时顺序有影响吗
有影响，但不是语法限制，而是渲染逻辑问题：浏览器按 HTML 顺序从左到右、从上到下解析，rowspan 和 colspan 同时存在时，它先占行再占列，但若位置冲突（比如两个单元格都想占同一格），后出现的那个会覆盖前者。
- 尽量避免同一位置被多个
rowspan/colspan同时声明——这不是错误，但极易出错 - 典型反例：
<td rowspan="2" colspan="2">X</td>后面紧跟<td>Y</td><td>Z</td>，第二行就会少一列，因为 X 已经占了两列两行 - 调试技巧：给每个
<td>加临时style="border:1px solid red"，一眼看出实际占据范围
用 JavaScript 动态设置 rowspan 安全吗
安全，但必须在 DOM 渲染前或重绘触发前完成设置，否则可能触发两次 layout，尤其在循环中批量修改时卡顿明显。
立即学习“前端免费学习笔记（深入）”；
- 直接改
element.rowSpan = 2（注意大小写，是rowSpan不是rowspan）比 setAttribute 更可靠 - 批量操作时，先 detach 表格（
table.remove()），改完再 append 回去，避免反复重排 - 动态生成表格时，别依赖 JS 算 rowspan 值——先确定数据分组逻辑，再生成带正确
rowspan的 HTML 字符串，更稳
rowspan 会让后续行的列数“变少”。手写 HTML 时，宁可多贴一遍结构草稿，也别凭感觉硬填。 
