HTML表格重构必须先修复三类硬伤：缺失的、rowspan/colspan占位错位、非法嵌套；补全语义标签是起点，确保结构合规才能保障CSS选择器、JS遍历及无障碍访问正常。
HTML表格结构混乱，不是样式问题，是语义骨架塌了——删掉所有内联样式、重写CSS之前，必须先修复 <thead>、<code><tbody> 缺失，<code>rowspan/colspan 占位错位，以及非法嵌套这三类硬伤。
补全 <thead> 和 <code><tbody> 是重构起点
<p>浏览器会自动补 <code><tbody>，但补出来的节点不可靠：CSS 选择器如 <code>tbody tr:nth-child(odd) 失效，JS 遍历 table.tBodies[0].rows 可能越界，打印分页时表头不重复。
- 哪怕只有一行表头，也必须用
<thead> 包裹；<code><th> 出现在 <code><tbody> 里是语义错误，屏幕阅读器会把它当数据读
<li><code><tbody> 必须存在，且至少包一个 <code><tr>；多个 <code><tbody> 合法（适合分页加载），但不能省略
<li><code><tfoot> 要写在 <code><thead> 之后、<code><tbody> 之前，浏览器会自动渲染到底部，不是按代码顺序排
<h3>
<code>rowspan 和 colspan 错位的本质是“格子总数没对齐”
<thead> 包裹；<code><th> 出现在 <code><tbody> 里是语义错误，屏幕阅读器会把它当数据读
<li><code><tbody> 必须存在，且至少包一个 <code><tr>；多个 <code><tbody> 合法（适合分页加载），但不能省略
<li><code><tfoot> 要写在 <code><thead> 之后、<code><tbody> 之前，浏览器会自动渲染到底部，不是按代码顺序排
<h3>
<code>rowspan 和 colspan 错位的本质是“格子总数没对齐”错位不是视觉错觉，是 HTML 解析器因结构违规触发隐式纠错：比如 <tr></tr>
<tr><td rowspan="2"></td></tr> 这种嵌套，浏览器会在第二个 <tr> 前自动插入闭合标签，生成不可见空行，导致 <code>rowspan 实际跨了空行+数据行，后续单元格整体下移。
- 每行的
<td> + <code><th> 的 <code>colspan总和，必须等于设计列数（例如 4 列，那每行加起来就得是 4） -
rowspan="2"表示该单元格占两行高度 → 下一行同一列位置必须留空，不能塞<td> <li> <code>colspan="3"表示占当前行连续 3 列 → 同一行后面要少写 2 个<td> 或 <code><th> <li>用开发者工具 Elements 面板看实际渲染出的列数，比肉眼数靠谱得多</li> <h3>禁用非法嵌套与内联行为，回归语义分组</h3> <p>把 <code><div> 套 <code><table> 再套 <code><tr>，或在 <code><td> 里直接写 <code>onclick="doSomething()"，这类操作会让结构彻底失控：JS 无法稳定定位目标行，CSS 无法精准作用于数据区块，无障碍访问完全失效。立即学习“前端免费学习笔记（深入）”；
DeepBI DHTML 页面生成器下载生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 删掉所有
<tr> 内嵌 <code><tr>、<code><td> 里嵌 <code><table> 的写法；用 <code><section></section>或带scope的<th> 替代“分组标题” <li>剥离所有内联样式（<code>）和内联脚本（onclick、onmouseover），统一收口到外部 CSS/JS - 给
<th> 加 <code>scope="col"或scope="row"，尤其在多层表头或首列为标识列时；不加scope的<th> 在复杂表中基本等于无效 <p>重构最难的不是补标签，而是确认“这一行到底该有几个格子”——从上到下逐行检查 <code>colspan累加值是否恒定，比调一百遍 CSS 更关键。一旦格子数对不上，再好的样式也盖不住结构裂缝。
- 删掉所有
