Virtual List
Windowed rendering for large datasets that only renders the visible slice plus overscan, using a tall spacer and translateY offset for scroll fidelity.
Preview
Attributes
| Attribute | Type | Default | Description |
|---|---|---|---|
item-height | string | 32 | Fixed row height in px (windowing assumes uniform rows) |
height | string | 18rem | Viewport height |
Installation
pura is copy-paste and dependency-free. Load the whole library, or just this component.
<link rel="stylesheet" href="/pura/tokens.css">
<script type="module" src="/pura/lib/virtual-list.js"></script>import "./pura/lib/virtual-list.js";