react-table-view



react-table-view is a simple table-view component using react.

Installation

yarn add react-table-view

Usage

``javascript
import TableView from 'react-table-view'
import ReactDOM from 'react-dom'
import React, { Component } from 'react'

class TestComponent extends Component {
render() {
/ must ensure all of your fields have values /
const DATA = [
{ id: 0, make: 'Honda', model: 'NSX', year: '1997' },
{ id: 1, make: 'Toyota', model: 'Supra', year: '1996' },
{ id: 2, make: 'Nissan', model: '300ZX', year: '1998' }
]
/ define the look of each column, OPTIONAL /
let COLUMNS = {
make: function(data) {
return What an awesome year: {data.year}
},
model: function(data) {
return {data.model}
},
year: function(data) {
return (



{Id: ${data.id}}


{Year: ${data.year}}


)
}
}

return (

)
}
}

ReactDOM.render(, document.getElementById('root'))
``

Styles

react-table-view uses uses styled-components 💅 for the base styling.

Development

yarn
yarn dev

Test

yarn test

Build

yarn
yarn build

Publish

npm login
npm version patch
git add -A
git push origin master
npm publish

License

MIT