用途:为数据表格界面提供设计与交互模式参考,涉及列设计、行设计、排序、筛选、分页、无限滚动、响应式表格和信息密集展示。
主要能力与规范要点: 列设计方面,文本列左对齐、数字列右对齐、状态指示居中;列头加粗、字号略小,使用大写或灰色文字;可排序列显示排序指示器,默认按最有用的列排序;设置最小列宽,避免内容被截断到不可读长度。 行设计方面,宽表格使用交替行底纹(斑马纹),窄表格可省略;行高 48–56px 适合舒适阅读,36–40px 适合密集或高级用户视图;可点击行有悬停状态,非交互表格不加悬停状态;选中状态使用轻微背景高亮加复选框。 分页与无限滚动的选择:用户搜索特定条目、使用数据表格与结果页、URL 状态重要时用分页;用户浏览发现、社交信息流与图库、位置不重要时用无限滚动。 响应式表格:小于 768px 时将行转为卡片,每张卡片展示一行数据;或采用横向滚动并冻结第一列;不要缩小文字硬塞,也不要未经用户控制隐藏列;可通过优先列让用户选择显示哪些列。 筛选:筛选器放在表格上方,而非侧边栏(除非有 5 种以上筛选类型);显示激活筛选数量,一键清除全部筛选;小数据集使用即时筛选(无“应用”按钮)。
使用方式与限制:资料未提供安装命令、代码示例、接口或具体集成步骤,暂未提供。