HTML Table Auto Sort

Clicking on <th> tags reorders rows of an HTML table in ascending/descending order.

What is HTML Table Auto Sort?

HTML Table Auto Sort is a Chrome extension that allows you to easily sort HTML tables by clicking on the column headers. You can reorder the table rows in ascending or descending order with a single click. No more struggling to find information in disorganized tables, as you can now quickly sort them just like in a spreadsheet. This open-source extension is available on GitHub for forking and contributions.

Download

Stats

This extension was removed from Chrome Web Store on 2022-01-22

By: jchamet

Users: 1,000+

Rating: 3.48 (27)

Version: 1.7 (Last updated: 2020-01-13)

Creation date: 2020-01-10

Risk impact: High risk impact

Risk likelihood: High risk likelihood

Manifest version: 2

Permissions:

activeTab
debugger
storage

Size: 75.15K

URLs: Website

Stats date:

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Summary

Analyze keywords

The Important Stuff

When enabled, clicking on a table header ("") will reorder the table based on the values belonging to that column of the table. Order is ascending/descending, click to toggle.

Change Log

1.7: (Community Contribution!) Support tables without headers and use tbody 1.6: (Community Contribution!) Better handling of negative numbers 1.5: (Community Contribution!) State saved using chrome local storage, and columns can now be sorted independently 1.4: Added Alphanumeric sorting algorithm 1.3: minor bug fix 1.2: toggle asc/desc 1.1: removed jQuery dependency 1.0: initial upload

User reviews

Great! It's really useful for sorting Roblox developer products by price rather than the default ID sort.

Cam Blythe, 2021-04-05

I can't get it to work on SeekingAlpha: https://seekingalpha.com/account/portfolio/summary?portfolioId=ABC 😞

Ethan M, 2021-01-15

Not Work. Here's the table code. <table class="configurable-product-table cart items data table"> <thead> <tr class="first last"> <th class="qty attributes" position: relative; top: 0px;">Size</th> <th class="qty avaibility" position: relative; top: 0px;">Availability</th> <th class="qty unit" position: relative; top: 0px;">Unit Price</th> <th class="qty subtotal" position: relative; top: 0px;">Subtotal</th> <th class="qty" position: relative; top: 0px;">Qty</th> <th class="no-display hidden" position: relative; top: 0px;"></th> </tr> </thead> <tbody class="cart item"> <tr class="item-info" data-product-id="18683"> <td class="qty first-attr bss-swatch" attribute-code="at98_taglia" attribute-value="5211" attribute-id="307"> <input type="hidden" name="bss_super_attribute[0][307]" value="5211" class="swatch-attribute"> <div class="swatch-attribute at98_taglia" attribute-code="at98_taglia" attribute-id="307"><div class="swatch-attribute-options clearfix"><div class="swatch-option text" option-type="0" option-id="5211" option-label="38" option-tooltip-thumb="" option-tooltip-value="38">38</div></div></div></td> <td class="qty">1</td> <td class="qty"> <div>$47,855</div> <div class="unit-old">$68,363</div> </td> <td class="qty subtotal">$0.00</td> <td class="qty"> <input type="text" class="qty_att_product input-text qty validate-not-negative-number required-entry" id="super_group_qty_0" value="0" name="config_table_qty[0]" index="0"> <input type="hidden" class="unit-price" value="47855"> </td> <td class="no-display hidden"> <input type="hidden" value="" name="quote_item_id[0]"> </td> </tr> <tr class="item-info" data-product-id="18683"> <td colspan="100%" class="action"> </td> </tr> <tr class="item-info" data-product-id="18681"> <td class="qty first-attr bss-swatch" attribute-code="at98_taglia" attribute-value="5228" attribute-id="307"> <input type="hidden" name="bss_super_attribute[1][307]" value="5228" class="swatch-attribute"> <div class="swatch-attribute at98_taglia" attribute-code="at98_taglia" attribute-id="307"><div class="swatch-attribute-options clearfix"><div class="swatch-option text" option-type="0" option-id="5228" option-label="40" option-tooltip-thumb="" option-tooltip-value="40">40</div></div></div></td> <td class="qty">1</td> <td class="qty"> <div>$47,855</div> <div class="unit-old">$68,363</div> </td> <td class="qty subtotal">$0.00</td> <td class="qty"> <input type="text" class="qty_att_product input-text qty validate-not-negative-number required-entry" id="super_group_qty_1" value="0" name="config_table_qty[1]" index="1"> <input type="hidden" class="unit-price" value="47855"> </td> <td class="no-display hidden"> <input type="hidden" value="" name="quote_item_id[1]"> </td> </tr> <tr class="item-info" data-product-id="18686"> <td colspan="100%" class="action"> </td> </tr> </tbody> </table>

by Yurika Mana, 2020-10-11

View all user reviews

Safety

Risk impact

HTML Table Auto Sort is risky to use as it requires a number of sensitive permissions that can potentially harm your browser and steal your data. Exercise caution when installing this extension. Review carefully before installing. We recommend that you only install HTML Table Auto Sort if you trust the publisher.