Home›Sortable Table

Sortable Table

Sort by any column, filter as you type

Price lists, spec comparisons and schedules usually go on a page as a plain table, and a visitor hunting for the cheapest plan or the latest date has to scan every row. Wrap the table you already have in the mount point and each column heading becomes a button that cycles through ascending, descending and the original order. Prices with currency symbols, percentages and dates compare by value rather than as text, so $1,200 comes after $900. Typing in the box above the table leaves only the matching rows. A long table scrolls inside its own box with the heading row kept in view, and a wide one slides sideways on a narrow screen. The table itself stays in your HTML, so it still reads with scripts turned off. Included in the Mr. Latte Membership (every widget on up to 2 sites). Unlimited tables while you are a member.

Preview
PlanetDiameter (km)Orbital period (days)First flyby
Mercury4,87988.01974-03-29
Venus12,104224.71962-12-14
Earth12,756365.2
Mars6,792687.01965-07-15
Jupiter142,9844,3311973-12-04
Saturn120,53610,7471979-09-01
Uranus51,11830,5891986-01-24
Neptune49,52859,8001989-08-25

The same loader (bootsignal.js) powers your other widgets too. An active subscription is required to run the widget.

Pricing is a single Mr. Latte Membership. It unlocks every widget on up to 2 sites and the paid features of the other Mr. Latte services too. Writing tables needs the membership; there is no usage limit, and reading is always free for visitors. See the price, join and manage it at accounts.mrlatte.net. See full pricing →