About

rjs-tables is a table solution for react web apps.

Getting Started

Install the pacakage :

NPM:

npm i rjs-tables

Yarn:

yarn add rjs-tables

Import in your project

import Table from 'rjs-tables/Table'

Use in your project

<Table
     tableHeader={header}
     tableData={data}
     />

Props

Props | Details | Example -------------------- | -------------------------------------------------------------------------------------------------- | ------------------------------------- tableHeader | takes an array of strings | ["Item1","Item2","Item3"] tableData | takes an array of object, each object will map to a row in the table | {"Item1":"This item 1","Item2":"This item 2","Item3":"This item 3"} pagination | shows pagination, takes an boolean value | true or false tableContainerStyle | style object for container | {display:'flex',flexDirection:'column',width:'100%',justifyContent:'center',alignItems:'center',margin:10,color:'magenta'} tableStyle | style object for table | {width:300,margin:10,border:'2px solid orange'} tableHeaderStyle | style object for table header | {color:'red',border:'3px solid magenta',background:'lightpink'} tableBodyStyle | style object for table body | {color:'green',border:'3px solid blue',background:'lightblue'}

Examples