Page 32 - 嘉和资讯144期

设计部专栏
5. 组合筛选

在实际应用中，b 端系统表格页面中，可能存在操作复杂，数据繁多的

情况，所以在实际使用当中，常会将大量非交叉关系的属性进行罗列，搜索、

筛选、TAB 标签切换组合出现，形成多属性的组合检索。

组合筛选能够同时考虑多个条件，灵活设置筛选条件既可模糊也可精准，

快速筛选出符合要求的数据，适应不同的应用场景和需求变化，同时还能够

确保筛选结果的准确性和可靠性，也是实际应用最多的方式。

筛选的布局方式

1. 上下

将筛选条件按照垂直方向排列，用户需要上下滚动来查看所有条件。

这种方式能够保持页面的简洁性，避免过多的横向空间占用。适用于筛

选条件数量较少和屏幕较小的桌面环境。

2. 左右布局

筛选条件按照水平方向排列，用户可以在同一水平视图中看到所有条件。

当筛选条件数量较多，或者在页面上同时展示多个筛选维度时，左右布局更

为合适。

这种方式适用于 PC 端，能够充分利用屏幕宽度，减少滚动需求。左侧

或顶部通常用于展示筛选字段，右侧或底部则用于输入筛选值或选择筛选项。