rowspan必须写在或中且值为正整数，表示纵向占位行数；若只跨2行而非3行，是因为后续行未彻底省略被占列的单元格，浏览器自动补空导致占位中断。
rowspan 属性必须写在 <td> 或 <code><th> 标签里，且值为正整数，表示该单元格纵向占据多少行。直接硬编码写死数值最安全，动态计算则容易出错。<h3>为什么 <code>rowspan="3" 有时只跨了 2 行？
浏览器按 HTML 结构逐行解析，rowspan 不是“视觉上撑开”，而是“跳过后续同列的单元格”。如果某一行漏写了对应位置的 <td>，或写了但没对齐列数，就会导致跨行中断、错位甚至崩溃渲染。<ul><li>常见错误：第二行忘记留空位，比如第一行有 <code><td rowspan="3">A</td>
<td>1</td>，第二行却写成 <td>2</td>（缺了第一个空单元格），浏览器会自动补一个空 <td>，但这个补丁不参与 <code>rowspan 计算，结果 A 只跨到第 2 行就断了
<td> 或 <code><th>** —— 不是写空标签，是彻底省略<li>验证技巧：用浏览器开发者工具选中该 <code><td>，看 Elements 面板里它是否真的包裹了下方多行内容区域<h3>React 中动态设置 <code>rowspan 的关键点
不能边遍历数据边判断“是不是第一行”，因为 data.map() 的索引不是分组内的局部索引。必须提前统计每组行数，并在渲染时严格按分组隔离状态。
- 预处理用
reduce：生成numRowsByLabel对象，如{ '配置项': 2, '权限组': 3 } - 外层按 label 列表循环：
labels.map(label => ...)，确保顺序可控 - 内层过滤并重置状态：
data.filter(...).map((row, idx) => { let isFirstRow = (idx === 0); ... })，避免闭包污染 - 只在
isFirstRow为 true 时渲染带rowSpan的<td>，其余行跳过该列<h3> <code>rowspan和表格语义结构冲突怎么办？当表格已用
<thead>/<code><tbody> 分区，又想让 <code><th> 跨越多个 <code><tr>（含表头和表体），HTML 规范不支持跨区域 <code>rowspan。此时必须放弃语义化分区，或改用 CSS Grid / Flex 布局模拟表格外观。- 典型报错现象：
<th rowspan="4"> 写在 <code><thead> 里，但实际要跨到 <code><tbody> 的行 —— 浏览器会忽略 <code>rowspan或渲染错乱 - 兼容方案：把整个表格写成单个
<tbody>，用 CSS 区分样式；或用 <code><div role="table"> + ARIA 属性维持可访问性<li>注意：即使视觉上成功，屏幕阅读器可能无法正确播报跨区域单元格的归属关系</li> <p>最易被忽略的是列对齐——<code>rowspan单元格所在列的宽度会影响整列所有行的布局，一旦其他行该列内容过长或用了white-space: nowrap，就可能把跨行效果“撑歪”。动手前先用固定宽度和简短文本验证结构是否稳固。
- 典型报错现象：
