open-index/open-npm huggingface dataset:
npm package: @h64m1/react-table-component
Description: ## Usage
Latest version: 0.1.8

# react-table-component

## Usage

```jsx
<Table
	data={[
		{ column1: 'test11', column2: 'test12', column3: 'test13' },
		{ column1: 'test21', column2: 'test22', column3: 'test23' },
	]}
>
	<Column name="column1" style={{ backgroundColor: 'rgb(3,169,244)' }} />
	<Column name="column3" className="text-red" />
	<Column name="column2" header="title2" id="c2" />
</Table>
```

## Props

### Table

| Name       | Type                               | Description                   |
| ---------- | ---------------------------------- | ----------------------------- |
| data       | Array                              | Data to be shown in the Table |
| className? | string                             | className for css             |
| children?  | React.Element \|\| React.Element[] | Column component              |

### Column

| Name       | Type                | Description                               |
| ---------- | ------------------- | ----------------------------------------- |
| name       | string              | specify key of Table `data` element       |
| header?    | string              | specify header string shown in &lt;th&gt; |
| className? | string              | className for css                         |
| id?        | string              | unique id (th-id for th, td-id for td)    |
| style?     | React.CSSProperties | set css properties to body column         |

## License

MIT