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.
Demo
| Planet | Diameter (km) | Orbital period (days) | First flyby |
|---|---|---|---|
| Mercury | 4,879 | 88.0 | 1974-03-29 |
| Venus | 12,104 | 224.7 | 1962-12-14 |
| Earth | 12,756 | 365.2 | |
| Mars | 6,792 | 687.0 | 1965-07-15 |
| Jupiter | 142,984 | 4,331 | 1973-12-04 |
| Saturn | 120,536 | 10,747 | 1979-09-01 |
| Uranus | 51,118 | 30,589 | 1986-01-24 |
| Neptune | 49,528 | 59,800 | 1989-08-25 |
A real widget. Each click on a column heading cycles ascending, descending and the original order, and diameters and dates compare by value rather than as text. Type in the box above to keep only the matching rows. Data from the NASA planetary fact sheet and mission records
Integration
The same loader (bootsignal.js) powers your other widgets too. An active subscription is required to run the widget.
Pricing
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 →