概述
Do you work with websites featuring a lot of HTML tables? Would you like to filter, sort and/or page them? If so, then this lightweight extension might be useful.
You can use it to transform any standard table into a fully-featured interactive table with the following features:
➤ Real-time column sorting (and reverse sorting)
➤ Real-time column filtering (using full-text search)
➤ Width enlarge to 100% (to increase readability)
➤ Dynamic paging (useful for very long tables)
➤ Resizable columns (using mouse handlers)
➤ Copy & Paste support with CSV/Excel/Google Sheets support (using CTRL+C)
... and more!
Highly recommended if you're dealing with big tables and need to quickly extract relevant data from them.
--------------------------------------------------------------------
CONFIGURATION SETTINGS
--------------------------------------------------------------------
By clicking on the top-right button you'll access the configuration settings, where you'll be able to set the following options:
➤ Force 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 order to accomodate the table. If you don't want all this to happen, just keep it disabled.
➤ Enable sorting. Enable it to add sorting and reverse-sorting capabilities to all the HTML table columns: both can be activated by clicking (and double-clicking) 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 standard HTML textbox that, if non-empty, 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 and sorting capabilities won't be affected by that (they will always take all rows into account).
--------------------------------------------------------------------
USAGE INFO
--------------------------------------------------------------------
Once you've set these options, right-click to a HTML table within any HTML page and select the Tabulazer context menu item to "tabulaze" it.
The transformation is done using Tabulator (http://tabulator.info/), a great table management JS library by Oli Folkerd.
➤ Tabulazer official page: https://www.ryadel.com/en/tabulazer-chrome-extension-filter-sort-html-table-tables/
➤ Fork me on GitHub: https://github.com/Darkseal/tabulazer
留言
来自商店的评价 (0)