Appearance
DataVirtualScroll
A long list that draws only what is visible.
ts
import { DataVirtualScroll } from '@zairakai/vue-components/Data'Usage
vue
<DataVirtualScroll :itemHeight="…" />Props
| Name | Type | Default | Description |
|---|---|---|---|
id | string | ||
class | string | ||
items | array | [] | |
itemHeight | number | required | The height of one item, in pixels. Every item has the same height. |
height | number | 400 | The height of the window, in pixels. |
buffer | number | 3 | How many items are drawn above and below the window, to scroll without blanks. |
itemKey | string | ||
label | string |
Slots
| Name | Description |
|---|---|
default |
See Theming for the class hooks and the data-* state of the components.