@h64m1/react-table-component NPM

react-table-component

Usage

<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 <th>
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