rowspan必须填正整数，不能为0或负数，且被跨行的对应列需留空；它不跨tbody/theader边界，与css无关，动态生成时应预先计算行数。
rowspan 不是“自动跨到最后一行”的快捷键，它必须填明确的正整数，且后续行中对应列必须跳过写 <td>，否则表格结构立即错位。
<h3>rowspan 值必须是正整数，0 和负数无效</h3>
<p>很多人试 <code>rowspan="0" 想让单元格撑满剩余行，但浏览器直接忽略该属性，退化为 rowspan="1"。HTML 规范强制要求值 > 0，且不能是小数、单位（如 "2px"）或表达式。
-
rowspan="2"合法，表示占当前行 + 下一行，共两行高度 -
rowspan="0"或rowspan="-1"被忽略，等效于没写 -
rowspan="999"在 Chrome/Firefox 中会按实际剩余行数截断，但在 IE 中可能渲染异常，不推荐“填大数凑合”
被跨行的那些行，对应列必须留空
rowspan="3" 的单元格视觉上覆盖三行，但它不会删除或隐藏下面两行里同一列的 <td> —— 如果你没手动删掉它们，就会出现列数错乱、内容重叠、<code>table.rows[i].cells.length 计算偏移等问题。
- 第 1 行：
<td rowspan="3">A</td> <td>B1</td> - 第 2 行：
<td>B2</td>← 这里不能出现第二个<td> 对应 A 列，否则列总数多出 1 <li>第 3 行：<code><td>B3</td>← 同理，A 列位置必须空缺 - 用开发者工具选中
<table>，右侧面板 Layout 出现 “Collapsed cells” 警告，基本就是这里漏跳了 <h3>rowspan 不跨 tbody/theader 边界生效</h3> <p>即使你在 <code><th> 上写了 <code>rowspan="4"，它也不会延伸进<tbody> 区域 —— 浏览器只在当前逻辑分组（<code><thead>、<code><tbody>、<code><tfoot>）内计算行数。想让表头纵向贯穿整个表格，得把所有行都包在一个 <code><tbody> 里，或改用 CSS Grid。 <ul><li> <code><thead><tr><th rowspan="4">ID</th></tr></thead>只影响<thead> 内的行数，和 <code><tbody> 无关 <li>动态生成时，建议先算清总行数，再决定 <code>rowspan值，而不是依赖 DOM 分组结构去“穿透” - 如果表格需无障碍支持，
rowspan容易导致屏幕阅读器无法正确关联数据单元格与表头，优先考虑headers属性显式绑定
最常被忽略的一点：rowspan 的行为完全由 HTML 结构决定，跟 CSS 无关；哪怕你用 display: contents 或 visibility: hidden 隐藏了某行，只要它还在 DOM 里，就仍参与 rowspan 行数计算 —— 所以删行必须删 DOM 节点，不能只靠样式隐藏。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
