Filter, sort, page and style any existing html table using the Tabulator JS library..
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
You can Follow the below Step By Step procedure to install the Tabulazer - Table Filter and Sorter Chrome Extension to your Chrome Web browser.
It is the Tabulazer - Table Filter and Sorter Chrome extension download link you can download and install Chrome Browser.
Tags: Html Table Columns , Html Table Tables , Great Table Management Js Library , Tabulazer Context Menu Item , Html Container Elements , Html Page , Csvexcelgoogle Sheets Support , Fullyfeatured Interactive Table , Standard Table , Filtering Capabilities , Paging Capabilities , Html Table , Column Sorting , Tabulator Js Library , Tabulazer Official Page , Html Tables , Table Width , Copy Paste Support , Width Enlarge , Sorting Capabilities , Column Filtering , Standard Html ,
Filter your