# React Data Grid Installation

> Install CoreUI Data Grid for React via npm and load its stylesheet.

## npm

```sh
npm install @coreui/react-data-grid
```

Data Grid ships its stylesheet in the `@coreui/data-grid` package (installed
automatically as a dependency) and layers on the `.table` styles from
`@coreui/coreui` or `@coreui/coreui-pro` (≥ 5), so make sure one of them is
loaded on the page.

```tsx
import { CDataGrid } from '@coreui/react-data-grid'
import '@coreui/data-grid/dist/css/data-grid.css'
```

## Stylesheet

The grid's CSS defines `--cui-data-grid-*` custom properties that resolve through
CoreUI's semantic variables, so it inherits your theme (including
`data-coreui-theme="dark"`) automatically. See
[Styling & theming](https://coreui.io/data-grid/react/docs/customization/styling/) for the full token reference.

Next: the [Quickstart](https://coreui.io/data-grid/react/docs/getting-started/quickstart/).