@nadavz/info-table v1.0.2

Usage

import Table from '@nadav/info-table';

const headers = [
	'Header 1', 'Header 2', 'Header 3', 'Header 4', 'Header 5'
];

const body = [
    ['data 1', 'data 2', 'data 3', 'data 4', 'data 5'],
    ['data 1', 'data 2', 'data 3', 'data 4', 'data 5'],
    ['data 1', 'data 2', 'data 3', 'data 4', 'data 5'],
    ['data 1', 'data 2', 'data 3', 'data 4', 'data 5'],
    ['data 1', 'data 2', 'data 3', 'data 4', 'data 5'],
    ['data 1', 'data 2', 'data 3', 'data 4', 'data 5'],
    ['data 1', 'data 2', 'data 3', 'data 4', 'data 5'],
    ['data 1', 'data 2', 'data 3', 'data 4', 'data 5'],
    ['data 1', 'data 2', 'data 3', 'data 4', 'data 5'],
    ['data 1', 'data 2', 'data 3', 'data 4', 'data 5'],
    ['data 1', 'data 2', 'data 3', 'data 4', 'data 5'],
    ['data 1', 'data 2', 'data 3', 'data 4', 'data 5'],
    ['data 1', 'data 2', 'data 3', 'data 4', 'data 5'],
    ['data 1', 'data 2', 'data 3', 'data 4', 'data 5'],
    ['data 1', 'data 2', 'data 3', 'data 4', 'data 5'],
    ['data 1', 'data 2', 'data 3', 'data 4', 'data 5'],
    ['data 1', 'data 2', 'data 3', 'data 4', 'data 5'],
];

const title = 'Data Table';

React.render(
<Table 
	headers={headers} 
	body={body} 
	stickyHeaders={true} 
	title={title}
	maxHeight="300"
/>, 
mountNode);

API