position: sticky 在 <td> 或 <th> 上无效，因表格单元格（display: table-cell）不支持 sticky 定位；应将 sticky 应用于 <thead> 或用 CSS Grid/JS 替代。
sticky 在表格中根本不起作用，别试了
直接说结论：position: sticky 在 <td> 或 <th> 上无效，哪怕加了 top 也不会吸顶。这是浏览器规范限制：表格单元格（display: table-cell）不支持 sticky 定位。你看到的“偶尔生效”，大概率是父容器（比如 <thead>）被设了 sticky，而不是单元格本身。
真正能用 sticky 吸顶的只有 <thead> 或包裹层
要实现“跨行合并时的表头吸顶”，必须把 sticky 用在语义正确的容器上：
-
<thead>是最标准的选择 —— 给它加position: sticky; top: 0;，整个表头就会随滚动吸附顶部 - 如果需要合并单元格（
rowspan/colspan）且保持吸顶，合并操作必须放在<thead>内部，不能跨到<tbody> - 注意
<thead>必须是<table>的直接子元素，否则 sticky 可能失效 - 某些旧版 Safari 对
<thead>+sticky支持不稳定，可加transform: translateZ(0)强制硬件加速
thead {
position: sticky;
top: 0;
background: white;
z-index: 10;
}
rowspan 跨行合并后吸顶错位？检查这几个点
常见现象：合并了 3 行的 <th rowspan="3">，滚动后位置偏移、遮挡或空白。问题不在 sticky，而在表格渲染逻辑：
-
rowspan单元格只属于它声明所在的那一行（即<tr>），它的高度由所在行决定；<thead>吸顶后，后续<tbody>行滚动上来，视觉上会“穿过”这个合并单元格 —— 这不是 bug，是预期行为 - 如果希望合并区域始终覆盖下方内容，不能依赖
rowspan，得用 CSS Grid 模拟表格布局，或用 JS 动态计算top值重定位 - 确保
<thead>中所有<tr>高度一致，否则 sticky 后行高塌陷会导致错位；可用min-height或line-height固定 - 避免给
<th>设height，优先用padding控制尺寸，更兼容 sticky 渲染
真要单元格级吸顶？换方案，别硬刚 sticky
如果你的需求本质是「某个带 rowspan 的表头单元格，在滚动时像独立浮层一样钉在顶部」，那 sticky 确实无解。可行路径只有两条：
立即学习“前端免费学习笔记（深入）”；
-
CSS Grid 替代表格：把表头区域抽出来用
display: grid实现，对合并区域用grid-row控制跨行，再给该格子设position: sticky; top: 0;—— 此时它已是普通块级元素，sticky 完全有效 -
JS 监听滚动 + 动态定位：用
getBoundingClientRect()判断单元格是否将滚出视口，触发时切换position: fixed并手动设置top和left；需同步处理resize和scroll事件，且要注意fixed元素脱离文档流带来的宽度塌陷问题
复杂点在于：合并单元格的视觉锚点和实际 DOM 位置分离，JS 方案必须精确映射其原始列宽、滚动偏移和父容器 transform 状态 —— 这部分最容易漏掉，一动就错位。
