Standard Data
Data Grid Skeleton
Shimmering placeholder rows sized to match the real table's columns, so a data grid has zero layout shift the moment live rows arrive.
$ velocityx add standard-data-grid-skeletonBuilt for astro.
Full docs for Data Grid Skeleton →
Needs a licence key —
subscribe here, then
velocityx loginonce.
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| rows | number | No | 6 | |
| columns | number | No | 4 | |
| columnWidths | string[] | No | [] | |
| showHeader | boolean | No | true | |
| label | string | No | "Loading table data" | |
| className | string | No | "" |
File this creates
The CLI writes this path into your project, relative to its root — nothing else moves.
components/velocity/standard-data-grid-skeleton/DataGridSkeleton.astroUsing the Data Grid Skeleton component
Install it with velocityx add standard-data-grid-skeleton.
The CLI writes the source straight into your project — no runtime dependency, no registry
lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.
Related components
More from Standard Data.
A compliance-grade record of who did what and when, grouped under calendar-day headers with a severity tag per row and a details disclosure that reveals the structured change data only when someone needs it — built for security and admin audit trails, not a social activity stream.
astroShows when a dataset was last updated in plain words, flags it as stale past a threshold you set, and exposes a Refresh action — so a dashboard never leaves a viewer guessing whether the numbers on screen are current.
astroSemantic record details in stacked or two-column layouts with optional field hints and empty-value text.
astroAn icon, headline, short explanation and a primary action for the moment a table or list has nothing in it — so empty is a prompt, not a dead end.
astro