ui component composite type / Data Grid
Data Grid
支持列、行、编辑、选择和数据操作的高密度表格
Key fields
Identity
- Subtype
- 复合组件
- Parent Taxonomy
- Content & Data Display
What
- Definition
- 支持列、行、编辑、选择和数据操作的高密度表格
- Composition & States
- 触发或标题、主体内容、辅助信息、主要操作、状态反馈、关闭或返回入口（按场景取舍）
Why
- Role
- 支持列、行、编辑、选择和数据操作的高密度表格
Where
- Applicable Context
- Web Interface Design, Loading
How
- Checklist
- 定义用途；明确结构与状态；覆盖键盘/触摸/读屏；处理加载、错误和空状态；验证响应式与焦点顺序。
Lifecycle
- Status
- 启用
Related content
Relationships come from the local knowledge graph and include reverse links.
- Web Interface DesignWeb 界面设计Related
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- Content & Data Display内容与数据展示Related
用于呈现文本、媒体、对象、列表、表格、指标和关系数据的组件。
- Column MenuColumn MenuReverse · Related
提供列隐藏、排序和筛选的菜单
- Grid CellGrid CellReverse · Related
呈现单个数据值或编辑控件的单元格
- Grid HeaderGrid HeaderReverse · Related
呈现列名和列级操作的表头区域
- Grid RowGrid RowReverse · Related
承载一条数据记录的行结构
- Inline EditorInline EditorReverse · Related
在单元格或行内编辑数据的控件
- Selection ControlSelection ControlReverse · Related
选择单行或多行数据的控制点
- LoadingLoadingRelated
组件正在等待异步结果的状态。