# @salesforce-ux/slds-datagrid

> ## About

Latest version **0.1.2** (published 2022-07-15) · SEE LICENSE IN README.md license · 0 weekly downloads

## Install

```sh
npm install @salesforce-ux/slds-datagrid
pnpm add @salesforce-ux/slds-datagrid
yarn add @salesforce-ux/slds-datagrid
bun add @salesforce-ux/slds-datagrid
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.2 |
| Published | 2022-07-15 |
| First published | 2022-01-31 |
| Weekly downloads | 0 |
| License | SEE LICENSE IN README.md |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 97 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Salesforce UX |
| Maintainers | salesforce-ux |

## Links

- npm: https://www.npmjs.com/package/@salesforce-ux/slds-datagrid
- npm.io page: https://npm.io/package/@salesforce-ux/slds-datagrid

## Dependencies (2)

- [elix](https://npm.io/package/elix.md) ^15.0.0
- [@salesforce-ux/sds-common](https://npm.io/package/@salesforce-ux/sds-common.md) ^0.2.1

## Recent versions

- 0.1.2 (latest) — 2022-07-15
- 0.1.1 — 2022-07-13
- 0.1.0 — 2022-01-31

## README

# Getting Started

## About

Datagrid is an enhanced version of an HTML table and are used to display tabular data.

## Installation

```bash
npm i @salesforce-ux/slds-datagrid
```

## Usage

### Lightning Web Component

#### Import the CSS

After installation, you need to import the component's CSS into your LWC component module. To do this, use the `@import` CSS syntax within the CSS file of your component module.

```css
/* myComponent.css */
@import '@salesforce-ux/slds-datagrid/dist/datagrid.compiled.css'
```

The `*.compiled.css` files in the `/dist` folder have all the component's dependencies rolled up into one file. If you choose to import your modules explicitly, you should the `*.css` files in the `/dist` folder.

#### Decorate the HTML to match specification

Additionally, you will need to decorate the HTML of your LWC component template to have all the named `part` attributes in the [component's specification](#dom-structure).

---
_Source: https://npm.io/package/@salesforce-ux/slds-datagrid · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._