表格常与其他元素组件组合,完成筛选、搜索、新增记录等操作,进行信息的收集和展示、数据的分析和归纳整理

基本布局

表格组合 - 图1

筛选&搜索

表格通常都会含有很多的数据项,不方便查看,这就需要增加一些筛选条件,方便用户查找。其中筛选条件,可分为搜索、筛选、以及筛选和搜索的组合。搜索结束后,结果并一定实时展现,而筛选则一定实时展现。

搜索框搜索

使用搜索模块筛选出希望得到的数据。搜索结束后,结果并一定实时展现。
表格组合 - 图2

tab筛选

使用 tab 对表格数据进行分类筛选。tab 可表示没有交集数据的分类,也可以作为一种全局和子集之间的切换。
表格组合 - 图3

单选

从一堆数据集中选择一个选项作为筛选项。与下拉选择相比,单选可以将选项全部陈列,便于操作。
表格组合 - 图4

复选

从一堆数据中选出几个选项作为筛选项。与单选一样,复选可以将选项全部陈列,便于操作。
表格组合 - 图5

交叉筛选(待补充)

将多个但多选筛选条件陈列,对数据进行综合筛选。操作成本低,但占用空间大。

筛选与搜索组合

将筛选与搜索进行组合,多样化筛选条件。筛选结果需点击确认才可触发表格刷新。
筛选条件可以进行收起与展开,将大部分用户将会使用的筛选条件外露,将不常用的收起。如果用户有更高的要求,可以在展开筛选条件。
表格组合 - 图6