# Getting started

> Full Documentation at <https://cacilie.gitbook.io/react-minimalist-table/>

Installing.

```
npm i -s react-minimalist-table
```

Copy this code at you project in order to have a fully responsive table.

```javascript
import './App.css';
import {CTable} from 'react-minimalist-table';
import {useEffect, useState} from 'react';

function App() {

  const [Data, setData] = useState([])
   
  useEffect(() => {
    fetch('https://jsonplaceholder.typicode.com/posts')
    .then(response => response.json())
    .then(json => setData(json))
  }, [])

  return (
    <div className="App">
        <CTable 
          caption={"Data"}
          data={Data}
        />
    </div>
  );
}

export default App;

```

#### Props.

| caption | Title of the table to be displayed       |
| ------- | ---------------------------------------- |
| data    | JSON array with the data to be displayed |

#### Data example.

```javascript
[{
    columnName: cellValue,
    columnName2: cellValue2,
}]
```

> CodeSanbox example: <https://codesandbox.io/s/react-minimimalist-table-simple-sample-d0kxk?file=/src/App.js>

![](https://2671141014-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MW7znnJ6X4D0bhllXQP%2F-MWGtpV4RYYB6JaC697g%2F-MWGtzwLUI6OIG5jk3XN%2Fimage.png?alt=media\&token=c86737f6-87b2-4675-b464-f646323772c9)
