Primary Work Area
Main card in .layout-two-column
The two-column pattern matches the home page: primary content on the left, supporting widgets and navigation in a .side-stack on the right.
<main class="layout-two-column">
<section class="card compact-card">...</section>
<aside class="side-stack">...</aside>
</main>
Common Controls
Options
Data Table + Fly-in (Two-Column)
A/B Table Resizing Demo (Additive)
How to resize: in the right-side tables only, hover near the right edge of any header cell until the cursor changes, then click-drag left/right. Double-click the edge handle to reset that column.
Baseline (current behavior)
Top table: constrained container
Bottom table: unconstrained container
SharedTable (column drag resize)
Top table: constrained container + resizable columns
Bottom table: unconstrained container + resizable columns