# react-pandas-table

> A library designed to render Python Pandas tables in a React environment.

Latest version **1.1.1** (published 2021-11-09) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-pandas-table
pnpm add react-pandas-table
yarn add react-pandas-table
bun add react-pandas-table
```

## Health

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

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.1 |
| Published | 2021-11-09 |
| First published | 2021-11-08 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Node | >=10 |
| Dependencies | 0 |
| Unpacked size | 23.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | finnmaguire1998 |
| Maintainers | finnmaguire98 |

## Links

- npm: https://www.npmjs.com/package/react-pandas-table
- Repository: https://github.com/finnmaguire1998/react-pandas-table
- Homepage: https://github.com/finnmaguire1998/react-pandas-table#readme
- Issues: https://github.com/finnmaguire1998/react-pandas-table/issues
- npm.io page: https://npm.io/package/react-pandas-table

## Recent versions

- 1.1.1 (latest) — 2021-11-09
- 1.1.0 — 2021-11-09
- 1.0.8 — 2021-11-09
- 1.0.7 — 2021-11-08
- 1.0.6 — 2021-11-08
- 1.0.5 — 2021-11-08
- 1.0.4 — 2021-11-08
- 1.0.3 — 2021-11-08
- 1.0.2 — 2021-11-08
- 1.0.1 — 2021-11-08
- 1.0.0 — 2021-11-08
- 0.2.7 — 2021-11-08
- 0.2.6 — 2021-11-08
- 0.2.5 — 2021-11-08
- 0.2.4 — 2021-11-08
- … 5 more at https://npm.io/package/react-pandas-table/versions

## README

# react-pandas-table

> A library designed to render Python Pandas tables in a React environment.

[![NPM](https://img.shields.io/npm/v/react-pandas-table.svg)](https://www.npmjs.com/package/react-pandas-table) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save react-pandas-table
```

## Example Usage

```jsx
import React from 'react'

import { BasicTable } from 'react-pandas-table'

const ExampleComponent = () => {
  return (
    <BasicTable
      data={exampleData}
      includeIndexCol={false}
      reformatCols={[
        {
          col: 'Exmaple Date Col',
          type: 'date',
          locale: 'en-GB',
          params: {
            year: 'numeric',
            month: 'long',
            day: 'numeric'
          }
        },
        {
          col: 'Example Currency Col',
          type: 'number',
          locale: 'en-GB',
          params: {
            style: 'currency',
            currency: 'EUR'
          }
        },
        {
          col: 'Example Percentage Col',
          type: 'number',
          locale: 'en-GB',
          params: {
            style: 'percent',
            minimumFractionDigits: 2
          }
        }
      ]}
      total={['Example Currency Col', 'Example Percentage Col']}
      headerStyles={{
        backgroundColor: '#000000',
        color: '#FFFFFF',
        padding: 10
      }}
      cellStyles={{
        backgroundColor: '#F3F4F6',
        color: '#000000',
        padding: 10
      }}
    />
  )
}
```

## License

MIT © [finnmaguire1998](https://github.com/finnmaguire1998)

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