允许后台弹出界面_中后台界面 表格设计规范

表格是中后台系统中信息承载密度与信息量最高的列表设计形式，常用于信息的易读展示与进一步的数据分析与关联对比，并允许用户进行排序/搜索/筛选/编辑等特定的效率操作。

Part 01

--------------------------

基础表格

基础表格一般定义为展示型表格，且数据类型与编辑操作项较少。

1.1 基本要素 

1.2 可配置项 

1.3 数据格式 

1.4 对齐方式 

Part 02

----------------------------

高级表格

高级表格多为操作型。在信息展示上增加了更多维度的数据内容，并包含

了多种效率操作。

2.1 间距密度 

2.2 可配置项

2.3 表头操作

2.4 表内操作 

2.5 其他场景 

Part 03

----------------------------

页面交互

良好的交互是高效操作的前提，避免页面的繁复跳转与滚动对应信息。

3.1 详情展示

一般使用右侧弹出抽屉查看详情，尽量避免页面跳转。

3.2 单屏滚动

适用于数据行较少的场景，可在模块内纵向滚动查看数据行，模块最大高度为 600px，保证到1366x768分辨率电脑屏幕上的单屏体验。

3.3 多屏滚动                  

数据行较多时，且带有固定列，需要横向滚动多列时，置顶表头方便聚焦与对应相关数据字段；置底横向滚动条方便随时拖动。

End. 结语

基础表格与高级表格没有严格的区分，相反，两者之间样式规则皆可共用，需视具体场景而定。

系列文章【 中后台界面设计 - 表单设计规范 】

# Next Update [ 中后台图表设计规范 ]

谢谢阅读！￣O￣)ノ