# data-tables-plugin-hrnet

> The `data-tables-plugin-hrnet` as its name suggests, is a plugins developed as part of my OpenClassRooms training program. It's quite simply a React plugin allowing to display a data table, for more information go to the section "How the plugin works"

Latest version **0.0.7** (published 2022-10-26) · 0 weekly downloads

## Install

```sh
npm install data-tables-plugin-hrnet
pnpm add data-tables-plugin-hrnet
yarn add data-tables-plugin-hrnet
bun add data-tables-plugin-hrnet
```

## 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.0.7 |
| Published | 2022-10-26 |
| First published | 2022-07-17 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 12.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | jimmy-lelievre |

## Links

- npm: https://www.npmjs.com/package/data-tables-plugin-hrnet
- npm.io page: https://npm.io/package/data-tables-plugin-hrnet

## Dependencies (2)

- [@babel/cli](https://npm.io/package/@babel/cli.md) ^7.18.6
- [typescript](https://npm.io/package/typescript.md) ^4.7.4

## Recent versions

- 0.0.7 (latest) — 2022-10-26
- 0.0.6 — 2022-10-26
- 0.0.5 — 2022-10-22
- 0.0.4 — 2022-07-18
- 0.0.3 — 2022-07-18
- 0.0.2 — 2022-07-17
- 0.0.1 — 2022-07-17
- 0.1.0 — 2022-07-17

## README

# Getting Started

The `data-tables-plugin-hrnet` as its name suggests, is a plugins developed as part of my OpenClassRooms training program.
It's quite simply a React plugin allowing to display a data table, for more information go to the section "How the plugin works"

## Installation

```
$ npm install npm i data-tables-plugin-hrnet
```

### How the plugin works

**Import module:**

```jsx
import import { DataTables } from "data-tables-plugin-hrnet";
```

**Create your Header for the data table:**

```jsx
import { dataHeader } from "../yourData";
```

**format of your Header:**

```jsx
const dataHeader = ["Firstname", "Lastname", "Start", "Department"];
```

**format of your rows data:**

```jsx
const tableItem = [
  {
    nameofyourcolumn: "nameofyourrows",
    nameofyourcolumn: "nameofyourrows",
    nameofyourcolumn: "nameofyourrows",
    nameofyourcolumn: "nameofyourrows",
  },
  {
    nameofyourcolumn: "nameofyourrows",
    nameofyourcolumn: "nameofyourrows",
    nameofyourcolumn: "nameofyourrows",
    nameofyourcolumn: "nameofyourrows",
  },
];
```

**Import your rows data:**

```jsx
import { rows } from "../your rows data";
```

**Render your dataTable in your component:**

```jsx
return (
  <>
    <DataTables dataHeader={dataHeader} tableItem={rows} />
  </>
);
```

### More about this plugin

To know more about this plugin or on my work, do not hesitate to contact me on my main networks
[Linkedin](https://www.linkedin.com/in/jimmy-lelievre/) - [GitHub](https://github.com/jimmylelievre)

---
_Source: https://npm.io/package/data-tables-plugin-hrnet · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._