Tabulazer - Table Filter and Sorter

Tabulazer - Table Filter and Sorter插件简介

Tabulazer - Table Filter and Sorter插件描述

Do you wk with websites featuring a lot of HTML tables? Would you like to filter, st / page them?  If so, then this lightweight extension might be useful. 

You can use it to transfm any stard table into a fullyfeatured interactive table with the following features:

➤ Realtime column sting ( reverse sting)
➤ Realtime column filtering (using fulltext search)
➤ Width enlarge to 100% (to increase readability)
➤ Dynamic paging (useful f very long tables)
➤ Resizable columns (using mouse hlers)
➤ Copy & Paste suppt with CSV/Excel/Google Sheets suppt (using CTRL+C)

...  me!

Highly recommended if youre dealing with big tables  need to quickly extract relevant data from them.


CONFIGURATION SETTINGS


By clicking on the topright button youll access the configuration settings, where youll be able to set the following options:

➤ Fce table width to 100%. When enabled, the plugin will enlarge any HTML table to 100% width, thus taking all the available space on your browser. If the table is wrapped by other HTML container elements, those will also be enlarged/set to 100% in der to accomodate the table. If you dont want all this to happen, just keep it disabled.
➤ Enable sting. Enable it to add sting  reversesting capabilities to all the HTML table columns: both can be activated by clicking ( doubleclicking) to the column header itself.
➤ Enable filtering. Enable it to add filtering capabilities to all the HTML table columns: the filter will look like a stard HTML textbox that, if nonempty, will automatically update the table content, filtering out all the rows not containing the given text within that column.
➤ Enable paging. Enable it to add paging capabilities to the HTML table: notice that the filtering  sting capabilities wont be affected by that (they will always take all rows into account).


USAGE INFO


Once youve set these options, rightclick to a HTML table within any HTML page  select the Tabulazer context menu item to "tabulaze" it.

The transfmation is done using Tabulat (http://tabulat.info/), a great table management JS library by Oli Folkerd.

➤ Tabulazer official page: https://www.ryadel.com/en/tabulazerchromeextensionfiltersthtmltabletables/
➤ Fk me on GitHub: https://github.com/Darkseal/tabulazer
                                

Tabulazer - Table Filter and Sorter插件离线安装方法

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入：chrome://extensions/

3.找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将其从资源管理器中拖动到Chrome的扩展管理界面中，这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4.下载 Tabulazer - Table Filter and SorterChrome插件v0.7.5版本到本地。

5.勾选开发者模式，点击加载已解压的扩展程序，将文件夹选择即可安装插件。

注意：最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息，参照这篇文章即可解决