易用的表格组件

表格,顾名思义,就是用表的形式来展示数据库数据。 一般来说,表格可以分为两大信息区:辅助信息区,数据信息区。

  1. 划区而治

考虑到移动端的小屏幕问题,观远lite对这两个区域采用了“二三分形”的方式,屏幕宽度的60%留给了数据区,剩余的留给了辅助信息区。用户总是能够在屏幕上看到较多的数据信息,和一部分辅助信息。

当某个区域的数据列数很多的时候,用户需要通过左右划动这两个区域的方式来获取明细。

  1. 数据标签(tooltip)
    表格同样提供了tooltip功能,用户只需长按表格中任一格子1秒,即可触发tooltip。

  2. 本地搜索过滤

当表格长度很长的时候, 要找到某一特定信息就变得比较困难。 在一些极端情况下用户需要持续的滑动才能抵达想要的条目。为此,我们提供了一个关键字索引功能,用户可以键入关键字对表格条目进行快速的检索匹配。

过滤前 过滤后

该功能不仅能够通过关键字提取匹配的条目,而且会记录用户最近的搜索关键字,以备后用。

  1. 本地排序

排序是一个比较实用的功能, 用户只需要点击表头,即可完成对某一数据列的排序。 (绿色代表升序,红色代表降序)

升序 降序

简单总结: 主次分明,方便检索

results matching ""

    No results matching ""