Multi Sort Builder
Ordered sort rules with a field chip, a direction toggle, and remove controls, an add sort button, and a demo issue list that reorders live.
Ordered sort rules with a field chip, a direction toggle, and remove controls, an add sort button, and a demo issue list that reorders live.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Multi Sort Builder is the sort order card above an Acme backlog, an ordered stack of rules (1st Priority descending, 2nd Due date ascending) where each row carries a grip handle, a field chip, an ascending or descending toggle, and a remove control, with an Add sort button that pulls from the unused fields. A summary line reads the rules back in plain words.
Rules are one state array and the demo issue list reorders on every change by walking the rules top to bottom, so ties on the first key fall through to the next. The visible reorder is what proves the rule order is doing the work.
Reach for this block above any list or table where a single sort column is not enough, wired to your list query so the composed rules become the order parameter. Persist the rules to a saved view so a team shares one agreed order.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the issue backlog multi sort. Other multi key orders:
Tip: keep direction independent per rule; flipping one key should never reset the others.