UI 组件类型 · 复合组件 / Data Table
Data Table
展示结构化数据并支持排序、筛选和行级操作。
关键字段
Identity · 身份
- 子类型
- 复合组件
- 父级类目
- 内容与数据展示
What · 是什么
- 组成与状态
- Table Container、Header Row、Data Row、Cell、Sort Control、Pagination。
Why · 为什么
- 作用
- 展示结构化数据并支持排序、筛选和行级操作。
Where · 在哪里
- 适用场景
- Web 界面设计、Skeleton、Compact
Lifecycle · 生命周期
- 状态
- 启用
Relation · 关联
- 相关内容
- Product Comparison
所属组件分类、组件部件与横向适用关系
关系来自本地关系表，并包含反向关联。
- Product ComparisonProduct Comparison Section相关
按一致维度比较产品、竞品或替代方案，并说明差异、限制、证据和适用对象的页面区块。
- Comparison TableComparison Table反向 · 应用于
按维度对比产品、方案、服务或决策选项，帮助用户减少记忆和来回跳转。
- Tool ResultTool Result反向 · 应用于
呈现工具计算、转换、生成或分析后的结果、解释和下一步动作。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 内容与数据展示Content & Data Display属于
用于呈现文本、媒体、对象、列表、表格、指标和关系数据的组件。
- Filter BarFilter Bar反向 · 属于
承载表格筛选和搜索的工具区域
- PaginationPagination反向 · 属于
承载数据分页和页面大小控制的区域
- Sort ControlSort Control反向 · 属于
改变表格排序字段和方向的控件
- Table CaptionTable Caption反向 · 属于
说明表格内容和范围的标题
- Table CellTable Cell反向 · 属于
呈现单个字段值或单元格操作的区域
- Table HeaderTable Header反向 · 属于
呈现列名、排序和列级操作的表头
- Table RowTable Row反向 · 属于
承载一条记录的横向单元格集合
- CompactCompact应用于
减少间距以适配高密度工作台的变体。
- SkeletonSkeleton应用于
内容结构已知但数据尚未到达的占位状态。