paged-table
v1.0.17
Published
A simple way to display data on a table.
Downloads
7
Readme
paged-table
A simple way to display data on a table.
Whats possible
Install
npm install --save paged-table
Basic Usage
import * as React from 'react'
import SimpleTable from 'paged-table'
class Example extends React.Component {
columns = [{ key: "id", displayName: "User Id", headerStyle: { width: '10px' }, sortable: false },
{ key: "name", displayName: "Name" },
{ key: "status", displayName: "Status" },
{
key: "createdOn", displayName: "Created On", formatter: (value) => {
return value.toLocaleString()
}
}]
data = [{id: 1, name: 'Nicholas Mata', status: 'Active', createdOn: new Date()},
{id: 2, name: 'Jane Doe', status: 'Active', createdOn: new Date()}]
render () {
return (
<SimpleTable
clickable
bordered
columns={this.columns}
data={this.data}
/>
)
}
}
Advanced Usage
Coming Soon - Look at example for now.
License
MIT © NicholasMata