易用的表格组件
表格,顾名思义,就是用表的形式来展示数据库数据。 一般来说,表格可以分为两大信息区:辅助信息区,数据信息区。
- 划区而治
考虑到移动端的小屏幕问题,观远lite对这两个区域采用了“二三分形”的方式,屏幕宽度的60%留给了数据区,剩余的留给了辅助信息区。用户总是能够在屏幕上看到较多的数据信息,和一部分辅助信息。
当某个区域的数据列数很多的时候,用户需要通过左右划动这两个区域的方式来获取明细。
数据标签(tooltip)
表格同样提供了tooltip功能,用户只需长按表格中任一格子1秒,即可触发tooltip。本地搜索过滤
当表格长度很长的时候, 要找到某一特定信息就变得比较困难。 在一些极端情况下用户需要持续的滑动才能抵达想要的条目。为此,我们提供了一个关键字索引功能,用户可以键入关键字对表格条目进行快速的检索匹配。
过滤前 | 过滤后 |
---|---|
该功能不仅能够通过关键字提取匹配的条目,而且会记录用户最近的搜索关键字,以备后用。
- 本地排序
排序是一个比较实用的功能, 用户只需要点击表头,即可完成对某一数据列的排序。 (绿色代表升序,红色代表降序)
升序 | 降序 |
---|---|
简单总结: 主次分明,方便检索