Excel 风格列头过滤 Demo
模拟报销申请列表:点击表头漏斗图标过滤当前页数据。
已覆盖 文本、数字、日期/时间三类控件。
文本:搜索 + 勾选本页去重值
数字:运算符 + 单值 / 区间
时间:日期区间(可扩到时分)
当前无列过滤
| 序号 |
报销单号
|
报销标题
|
费用项目
|
报销金额(元)
|
状态
|
申请时间
|
各数据类型过滤建议
- 文本 / 枚举:漏斗内「关键词搜索」缩小可选值,再多选勾选;枚举列(状态)可固定选项,不必依赖本页去重。
- 数字:提供运算符(等于 / 大于 / 小于 / 介于);「介于」用最小值~最大值;注意金额展示与比较用原始数值。
- 日期 / 时间:默认「开始日期~结束日期」闭区间;若业务要精确到时分,用
datetime-local 或拆成日期+时间两段。
- 组合:多列过滤取交集(AND);任一列清空后只影响该列。
- 与顶部筛选并存时:顶部筛选 = 查库;列头过滤 = 当前页二次过滤,文案上要区分,避免用户误以为筛了全库。