Online Demo
The documentation site reuses the same demo case components maintained in src/views, so local development and published docs stay aligned.
Demo Routes in Local Vite App
| Route | Scenario |
|---|---|
/#/basic-body | Default body scroll behavior |
/#/parent-scroll | Custom parent scroll container |
/#/multi-table | Multiple sticky tables in the same container |
/#/dynamic-top | Recalculate after toolbar height changes |
Live Scenarios
Body Scroll
The table header sticks when the page-like content area scrolls.
Parent Scroll Container
Use scrollTarget when a business container, not the window, owns scrolling.
Multiple Sticky Tables
Two tables share one scroll container while keeping sticky state isolated.
Dynamic Top Region
Toolbar height changes are observed so the sticky offset recalculates automatically.
Use the buttons inside each demo to add rows or grow the toolbar and inspect sticky behavior directly in the docs page.
For local debugging with full routing, run
pnpm dev and open the hash routes listed above.