UI 组件类型 · 复合组件 / Data Grid
Data Grid
支持列、行、编辑、选择和数据操作的高密度表格
关键字段
Identity · 身份
- 子类型
- 复合组件
- 父级类目
- 内容与数据展示
What · 是什么
- 定义
- 支持列、行、编辑、选择和数据操作的高密度表格
- 组成与状态
- 触发或标题、主体内容、辅助信息、主要操作、状态反馈、关闭或返回入口(按场景取舍)
Why · 为什么
- 作用
- 支持列、行、编辑、选择和数据操作的高密度表格
Where · 在哪里
- 适用场景
- Web 界面设计、Loading
How · 怎么做
- 检查清单
- 定义用途;明确结构与状态;覆盖键盘/触摸/读屏;处理加载、错误和空状态;验证响应式与焦点顺序。
Lifecycle · 生命周期
- 状态
- 启用
所属组件分类、组件部件与横向适用关系
关系来自本地关系表,并包含反向关联。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 内容与数据展示Content & Data Display属于
用于呈现文本、媒体、对象、列表、表格、指标和关系数据的组件。
- Column MenuColumn Menu反向 · 属于
提供列隐藏、排序和筛选的菜单
- Grid CellGrid Cell反向 · 属于
呈现单个数据值或编辑控件的单元格
- Grid HeaderGrid Header反向 · 属于
呈现列名和列级操作的表头区域
- Grid RowGrid Row反向 · 属于
承载一条数据记录的行结构
- Inline EditorInline Editor反向 · 属于
在单元格或行内编辑数据的控件
- Selection ControlSelection Control反向 · 属于
选择单行或多行数据的控制点
- LoadingLoading应用于
组件正在等待异步结果的状态。