0.1.2 • Published 3 years ago
rjs-tables v0.1.2
About
rjs-tables is a table solution for react web apps.
Getting Started
Install the pacakage :
NPM:
npm i rjs-tablesYarn:
yarn add rjs-tablesImport 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'} |