Filter, sort, page and style any existing HTML table using the Tabulator JS library.

Latest Version

Version
0.7.5
Update
October 5, 2019
Size
1.22MiB
Developer
www.ryadel.com
Category
Users
3,000+
Rating
4.64706 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
ContextMenus
Storage
See more

Tabulazer - Table Filter and Sorter Extension

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
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Tabulazer - Table Filter and Sorter", "version": "0.7.5", "manifest_version": 2, "description": "Filter, sort, page and style any existing HTML table using the Tabulator JS library.", "default_locale": "en", "homepage_url": "http://chrome-table-manager.ryadel.com", "icons": { "16": "icons/icon16.png", "48": "icons/icon48.png", "128": "icons/icon128.png" }, "browser_action": { "default_icon": "icons/icon19.png", "default_title": "Tabulazer", "default_popup": "src/browser_action/browser_action.html" }, "background": { "scripts": [ "src/background/background.js" ], "persistent": false }, "content_scripts": [ { "matches": [ "" ], "css": [], "js": [ "src/content/js/content.js" ] } ], "permissions": [ "activeTab", "contextMenus", "storage" ], "web_accessible_resources": [ "lib/*/*", "src/common/*/*" ], "content_security_policy": "script-src 'self' 'unsafe-eval' 'unsafe-inline'; object-src 'self'"}
Read more

How to download and manually install Tabulazer - Table Filter and Sorter extension for Chrome

Looking for a way to install Tabulazer - Table Filter and Sorter extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Tabulazer - Table Filter and Sorter extensions manually, this article outlines two simple methods to effortlessly install Tabulazer - Table Filter and Sorter extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Tabulazer - Table Filter and Sorter extension and manually install through Drag &Drop

If you ever need to manually install a Tabulazer - Table Filter and Sorter extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Tabulazer - Table Filter and Sorter Extension by clicking the "Download CRX" button on the website.

Look for the Tabulazer - Table Filter and Sorter extension you wish to install. Go to the website and download the Tabulazer - Table Filter and Sorter extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Tabulazer - Table Filter and Sorter extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Tabulazer - Table Filter and Sorter extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Tabulazer - Table Filter and Sorter extension for Chrome and install in Developer Mode

This is another method to install Tabulazer - Table Filter and Sorter extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Tabulazer - Table Filter and Sorter extension file

Select and download the Tabulazer - Table Filter and Sorter extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Tabulazer - Table Filter and Sorter extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Tabulazer - Table Filter and Sorter extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Tabulazer - Table Filter and Sorter extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Tabulazer - Table Filter and Sorter extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Select filter Extension · Productivity 3,000+ 5 ★ 43.22KiB

icon

Table Tools Extension · Accessibility 3,000+ 1 ★ 23.69KiB

icon

Filter Drop-Down Menu Extension · Productivity 3,000+ 4 ★ 48.98KiB

icon

Table range select and copy like in Firefox! Extension · Productivity 3,000+ 28 ★ 6.96KiB

icon

Table Data Export Extension · Developer Tools 3,000+ 3 ★ 9.83KiB

icon

HTML-Table Scraper Extension · Productivity 3,000+ 10 ★ 55.43KiB

icon

Copytables Extension · Productivity 3,000+ 214 ★ 43.26KiB

icon

HTML Table to Markdown Extension · Developer Tools 3,000+ 11 ★ 30.29KiB

icon

Table Capture Extension · Productivity 3,000+ 545 ★ 5.71MiB

icon

Table Extractor - Download any Table as a CSV Extension · Productivity 3,000+ 0 ★ 7.91KiB

icon

table-sort-js Extension · Productivity 3,000+ 1 ★ 11.21KiB

icon

ColumnCopy Extension · Productivity 3,000+ 161 ★ 800KiB

icon

InstantTableFilter Extension · Productivity 3,000+ 0 ★ 9.07KiB

icon

Copy Tables Extension · Productivity 3,000+ 3 ★ 108KiB

icon

Download table as CSV Extension · Productivity 3,000+ 46 ★ 9.4KiB

icon

table-to-spreadsheet Extension · Productivity 3,000+ 19 ★ 105KiB

icon

JSON -> TABLE Extension · Productivity 3,000+ 10 ★ 313KiB

icon

Table Download Extension · Productivity 3,000+ 4 ★ 70.35KiB

icon

table to csv Extension · Productivity 3,000+ 11 ★ 120KiB

icon

SumThing Extension · Productivity 3,000+ 36 ★ 149KiB

icon

Table as CSV - Table Capture Extension · Productivity 3,000+ 28 ★ 1.11MiB

icon

Dropdown Search Extension · Accessibility 3,000+ 28 ★ 97.94KiB

icon

JSON-As-Table Viewer Extension · Developer Tools 3,000+ 9 ★ 616KiB

icon

Extensioner Extension · Productivity 3,000+ 83 ★ 125KiB

User reviews

icon

Allen (ID: 00000048358760b4) Voted 5 ★ - Updated 01/06/2023 Does exactly what it is advertised to do. Thank you!

icon

Tihomir Petkov (ID: 000000d76af69e47) Voted 5 ★ - Updated 05/22/2021 It's OK. Not bad at all. Nothing to compare to Tabletools2 for Firefox (the ultimate addone №1), but stil - it is a real progress.

icon

Pedro Góes (ID: 000000e69ea63d3c) Voted 5 ★ - Updated 05/12/2021 Awesome tool. One thing I would like to see in the future would be the option to search html, I have a table where I want to find all the cells with for example.

icon

Acer Chang (ID: 0000006d816df4ae) Voted 5 ★ - Updated 02/12/2021 This is so cool!

icon

Rido Kilos (ID: 000000e39791727d) Voted 5 ★ - Updated 12/04/2020 This is excellent for my work. It allows me to more easily spot when users are attempting to create multiple free accounts for the product we sell (and subsequently stop abuse and fraud that slips through automation)