Magnetic columns

Drag the grip (or use the arrow keys) and let go: the table snaps to a stop, and every value pulls toward its new column. The grid underneath is a set of invisible slots that reflow instantly at each width, changing which column a value lives in and how it's aligned. Each visible value is data-⚓️-fill on its slot with data-⚓️-transition="glide", so it travels there instead of teleporting (the same trick as the masonry demo), with a springy ease and a small per-column stagger for the magnet feel. The panel itself is data-⚓️-to the stage and the grip rides it with data-⚓️-side="after". The script only writes one number, the panel width.

Deals11