Tabulazer - Table Filter and Sorter
ID
ikfbkffbgkdghhnjfoomdkeifljlepah使用 Tabulator JS 库筛选、排序、分页和设置现有 HTML 表格的样式。
应用截图
详细介绍
使用 Tabulator JS 库筛选、排序、分页和设置现有 HTML 表格的样式。
你是否经常使用包含大量 HTML 表格的网站?是否需要快速筛选、排序、分页、复制或导出数据,而无需修改网站代码?Tabulazer 可将任何标准 HTML 表格转换为功能强大的交互式表格(由 Tabulator 提供支持)。
对表格进行“tabulaze”转换后,你可以使用:
➤ 实时列排序(升序/降序)
➤ 列筛选器(按列筛选)
➤ 快速筛选(跨所有列全局搜索,可选)
➤ 分页和每页行数选择器(10 / 25 / 50 / 100 / 250 / 500)
➤ 可调整宽度的列(使用鼠标操作)
➤ 列选择器(显示/隐藏列,可选)
➤ 按页面记住布局(为同一网址保留筛选、排序和列设置,可选)
➤ 视觉模式:紧凑模式、斑马纹行、字体大小缩放
➤ 导出和复制工具(通过右键菜单):
将表格复制到剪贴板:CSV / XLSX / XML
下载表格为:CSV / XLSX / XML
导出范围:(当前视图)或(所有行)
如果你需要处理大型表格并快速提取相关数据,强烈推荐使用。
全新界面(侧边栏)
Tabulazer 现在使用现代化的侧边栏界面(取代旧版弹出窗口),让你在浏览时始终看到控制选项。
在侧边栏中,你可以:
➤ 选择表格(覆盖层选择器)
➤ 切换上一次使用的表格
➤ 全部激活/全部停用
➤ 查看检测到的表格列表并分别切换
➤ 选择活动表格(滚动并高亮显示)
➤ 管理设置(筛选/排序/分页/视觉效果)
配置设置
打开侧边栏即可访问设置,包括:
➤ 强制表格宽度为 100%
➤ 启用排序
➤ 启用列筛选器
➤ 启用分页并选择每页行数
➤ 启用快速筛选
➤ 启用列选择器
➤ 记住此页面的布局(开启/关闭)
➤ 紧凑模式/斑马纹行/字体大小
使用说明
在页面任意位置右键点击,使用 Tabulazer 右键菜单:
➤ Pick Table(覆盖层选择器)
➤ Toggle Table(切换你右键点击的表格;如果在表格外使用,则转为 Pick Table)
表格转换使用 Tabulator(https://tabulator.info/)完成,这是 Oli Folkerd 开发的优秀表格管理 JS 库。
➤ Tabulazer 官方页面:https://www.ryadel.com/en/tabulazer-chrome-extension-filter-sort-html-table-tables/
➤ 在 GitHub 上复刻项目:https://github.com/Darkseal/tabulazer