html模板仅负责结构与样式，数据处理需js和css协同；table-layout: fixed需配合width和列宽声明才生效；单元格换行、图片缩放、动态渲染、移动端适配及可编辑表格均有特定实现要点。
HTML 模板本身不处理表格数据，它只负责结构和样式；数据填充、排序、响应式适配、编辑等行为必须靠 JavaScript 和 CSS 协同完成——模板只是容器，不是引擎。
table-layout: fixed 为什么加了还溢出
常见错误是只设了 table-layout: fixed，但漏掉两个必要条件：一是 width: 100%（或具体像素宽），二是至少一个 <th> 或 <code><col> 带显式宽度（如 width: 20%）。三者缺一，浏览器仍按默认的 auto 模式计算列宽，长文本、URL、图片照样撑破。
-
white-space: normal和word-break: break-word必须写在<td> 或 <code><th> 上，写在 <code><table> 上无效 <li>单元格内嵌了 <code><div> 或 <code><span></span>？它们默认继承white-space: nowrap，得单独重置 - 图片要加
img { max-width: 100%; height: auto; }，否则无视父容器约束
动态渲染表格时 tbody 为空却报错
用 JS 渲染数据前，<tbody> 留空是对的，但容易踩三个坑：
<ul><li>
<code>document.querySelector('#my-table tbody') 返回 null —— 检查 id 是否拼错，或脚本执行时机早于 DOM 加载（改用 DOMContentLoaded 或把 script 放在
