Web端组件规范一一表格规范

827 阅读1分钟

表格规范

说明:

  • 数字居右(金额以千字符显示)

  • 序号、复选框、日期(年月日/年月日时分/年月日-年月日)居中

  • 其他居中

  • 表格栏中操作栏

  • 表格中常用按钮 (针对整个表格操作)放在表格左上方

  • 不常用按钮(针对整个表格操作)放在表格右上方

  • 对于单条表格数据操作的按钮放在表格内

  • 若有图表和表格同时显示,则图表在上,表格在下

  • 标题文字长但信息字数不长时,标题可换行显示

  • 标题文字不长但信息字数长时,信息省略部分,可把鼠标移入hover后悬浮提示框

  • 此时若有复选框,复选框要水平居中显示(只有复选框要水平居中)

  • 若标题与信息的个数多且表格放不下,固定复选框(有则固定,没有则不固定)、标题列,出现横向滚动条

  • 复选框与序号不同时显示(没有特殊要求不显示序号)

  • 标题可跳转(颜色与其他信息有区别)

  • 需要显示状态时,用标签代替文字显示,如果有设计图,按设计图处理

  • 表格需带边框

  • 表格需要数据加载中动画效果loading

  • 表格某行数据为空时,用"-"代替

正常情况

表格需要数据加载中动画效果loading

表格某行数据为空时,用"-"代替

表格无数据的状态(无数据文字可根据具体情况而定)