HTML Table Auto Sort

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

HTML Table Auto Sort: Sort HTML tables effortlessly

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

Extension 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

Other platforms

Not available on Android

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.

Extension 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