你正在訪問的內容是外部程式的映像位址，僅用於使用者加速訪問，本站無法保證其可靠性。當前的連結位址(單點即可複製)為 https://greasyfork.org.cn/zh-CN/scripts/494010-%E6%9C%AC%E5%9C%B0%E8%A1%A8%E6%A0%BC%E6%95%B0%E6%8D%AE%E7%AD%9B%E9%80%89，源站連結 點此以跳轉。

本地表格数据筛选

获取<table>标签的表格元素，根据表头形成筛选列表，本地对数据进行筛选



點此查看下載連結位址https://update.greasyfork.org.cn/scripts/494010/%E6%9C%AC%E5%9C%B0%E8%A1%A8%E6%A0%BC%E6%95%B0%E6%8D%AE%E7%AD%9B%E9%80%89.user.js

安装此脚本?
作者
ShineByPupil
日安装量
0
总安装量
42
评分
0 0 0
版本
2.0.0
创建于
2024-05-03
更新于
2025-04-20
大小
31.3 KB
许可证
GPL-3.0
适用于
所有网站

简介

在原生表格标签功能上，实现灵活的筛选功能。使得海量数据信息更有价值

demo 页以及简单说明

点击进入 demo 页

找到表格左上方的按钮。按钮名称为 F（filter 首字母），鼠标悬停 title 显示"打开筛选弹窗"

功能枚举

  • 支持 AND、OR、NOT 组合
  • 筛选条件从表头提取，且支持多级表头
  • 支持查询后不关闭弹窗开关功能
  • 弹窗支持拖动，按住头部进行拖动
  • 弹窗无遮罩层，方便读取信息
  • 下拉框支持滚轮快速切换
  • 筛选条件设有独立的是否启用开关，默认开启。关闭规则不生效，且样式变淡
  • 表单必填校验，以及简单的动画特效
  • 顶部消息提醒，提供筛选后剩余数据的数量
  • 文本框支持英文逗号符号','连接多个规则
  • 最大高度开关按钮，点击来回切换。给表格设置最大高度，超出滚动条显示，并固定表头

兼容性

  • 只对原生 table 标签生效，还需要同时包含表头和表体
  • 对原生 div 自己实现的表格不生效
  • 异形表格可能存在问题
  • 筛选只针对本地数据，小心服务端的远程分页查询

安装

点击此处安装