全部词条 / 布局
布局
常见叫法

粘性表头

Sticky table header

表格内容滚动时,让表头停留在滚动容器顶部。

也叫吸顶表头固定表头

效果预览 先看,再试一试

实时演示
Workspace概览 项目 团队
工作台今天,星期二
总访问量12,480↗ 12.8%
活跃用户1,286↗ 8.2%
完成任务86↗ 16%
最近项目 状态
官网改版进行中
订单管理系统已完成
数据可视化进行中
官网改版已完成
订单管理系统进行中
数据可视化已完成
官网改版进行中
订单管理系统已完成
数据可视化进行中
官网改版已完成
订单管理系统进行中
数据可视化已完成

演示用于理解模式。具体样式和尺寸可按项目需要调整。

这是什么

表格内容滚动时,让表头停留在滚动容器顶部。

本页示例以后台场景说明这一效果。实际需求应同时说清作用对象、触发方式与结束状态。

什么时候用

数据较多的表格,需要持续对照列含义。

容易混淆

sticky 受最近滚动祖先限制;fixed 通常相对视口定位,两者不是同一个行为。

可以这样描述

表格在容器内滚动,表头保持在顶部,便于持续对照各列。

随上方参数同步生成 · 可加入方案后编辑

参考资料

相关规范与实现参考

释义为编辑整理;“常用说法 / 描述性命名”不代表标准规范名称。

正在准备离线内容…

收藏与方案保存在此设备