布局
常见叫法粘性表头
Sticky table header
表格内容滚动时,让表头停留在滚动容器顶部。
也叫吸顶表头固定表头
效果预览 先看,再试一试
Workspace概览 项目 团队
总访问量12,480↗ 12.8%
活跃用户1,286↗ 8.2%
完成任务86↗ 16%
最近项目 状态
官网改版进行中
订单管理系统已完成
数据可视化进行中
官网改版已完成
订单管理系统进行中
数据可视化已完成
官网改版进行中
订单管理系统已完成
数据可视化进行中
官网改版已完成
订单管理系统进行中
数据可视化已完成
演示用于理解模式。具体样式和尺寸可按项目需要调整。
这是什么
表格内容滚动时,让表头停留在滚动容器顶部。
本页示例以后台场景说明这一效果。实际需求应同时说清作用对象、触发方式与结束状态。
什么时候用
数据较多的表格,需要持续对照列含义。
容易混淆
sticky 受最近滚动祖先限制;fixed 通常相对视口定位,两者不是同一个行为。
可以这样描述
表格在容器内滚动,表头保持在顶部,便于持续对照各列。
随上方参数同步生成 · 可加入方案后编辑
参考资料
相关规范与实现参考释义为编辑整理;“常用说法 / 描述性命名”不代表标准规范名称。