# @rebecarose/react-table

> React table component

Latest version **0.1.4** (published 2022-06-14) · MIT license · 0 weekly downloads

## Install

```sh
npm install @rebecarose/react-table
pnpm add @rebecarose/react-table
yarn add @rebecarose/react-table
bun add @rebecarose/react-table
```

## Health

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

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.4 |
| Published | 2022-06-14 |
| First published | 2022-06-14 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 7 |
| Unpacked size | 3.3 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Rebeca Rose |
| Maintainers | rebecarose |

## Links

- npm: https://www.npmjs.com/package/@rebecarose/react-table
- Repository: https://github.com/RebecaRose/react-table
- Homepage: https://rebecarose.github.io/react-table
- Issues: https://github.com/RebecaRose/react-table/issues
- npm.io page: https://npm.io/package/@rebecarose/react-table

## Dependencies (7)

- [react-dom](https://npm.io/package/react-dom.md) ^18.1.0
- [styled-components](https://npm.io/package/styled-components.md) ^5.3.5
- [@fortawesome/react-fontawesome](https://npm.io/package/@fortawesome/react-fontawesome.md) ^0.1.18
- [@fortawesome/fontawesome-svg-core](https://npm.io/package/@fortawesome/fontawesome-svg-core.md) ^6.1.1
- [@fortawesome/free-solid-svg-icons](https://npm.io/package/@fortawesome/free-solid-svg-icons.md) ^6.1.1
- [@fortawesome/free-brands-svg-icons](https://npm.io/package/@fortawesome/free-brands-svg-icons.md) ^6.1.1
- [@fortawesome/free-regular-svg-icons](https://npm.io/package/@fortawesome/free-regular-svg-icons.md) ^6.1.1

## Recent versions

- 0.1.4 (latest) — 2022-06-14
- 0.1.3 — 2022-06-14
- 0.1.2 — 2022-06-14
- 0.1.1 — 2022-06-14

## README

# React Table

React Table is available as an [npm package](https://www.npmjs.com/package/@rebecarose/react-table "npm package").
## Installation

```
- with npm
npm install @rebecarose/react-table

- with yarn
yarn add @rebecarose/react-table
```

## Getting started with React Table

View the [Demo](https://rebecarose.github.io/react-table "Demo") and its source for more.
```
import React, {useState} from 'react';
import { Table } from '@rebecarose/react-table';

const fields = [
    {title: 'Id', key: 'id', type: 'number'},
    {title: 'Name', key: 'name', type: 'string'},
];

const items = [
    {id: 1, name: 'João'},
    {id: 2, name: 'Maria'},
    {id: 3, name: 'Ana'},
    {id: 4, name: 'Matheus'},
    {id: 5, name: 'Gabriel'},
];

const App = () => {
    return (
        <Table
            items={items}
            fields={fields}
        />
    )
}
```

---
_Source: https://npm.io/package/@rebecarose/react-table · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._