---
{
  title: 'Data Grid Placeholder',
  description: 'Placeholder rows in NVIDIA Elements Data Grid: skeleton loaders to show while data is fetching.',
  layout: 'docs.11ty.js',
  tag: 'nve-grid',
  hideStatus: true
}
---

```html
<nve-grid style="min-height: 400px">
  <nve-grid-header>
    <nve-grid-column></nve-grid-column>
  </nve-grid-header>
  <nve-grid-placeholder>
    <nve-progress-ring status="accent" size="lg"></nve-progress-ring>
  </nve-grid-placeholder>
</nve-grid>
```

## Loading

{% api 'nve-grid-placeholder', 'description' %}

{% example '@nvidia-elements/core/grid/grid.examples.json' 'Placeholder' %}

## Retry

{% example '@internals/patterns/empty-states.examples.json' 'DataGridRetry' %}
