react-data-components


DataTable: Live demo and source

SelectableTable: Live demo and source

Getting started

``sh
npm install react-data-components --save
`

This component requires Bootstrap stylesheet and Font Awesome fonts, in addition
to the stylesheet for headers. If you are using Webpack
and the css-loader you can also require the css
with require('react-data-components/css/table-twbs.css').

$3

The default implementation includes a filter for case insensitive global search,
pagination and page size.

`javascript
var React = require('react');
var ReactDOM = require('react-dom');
var DataTable = require('react-data-components').DataTable;

var columns = [
{ title: 'Name', prop: 'name' },
{ title: 'City', prop: 'city' },
{ title: 'Address', prop: 'address' },
{ title: 'Phone', prop: 'phone' }
];

var data = [
{ name: 'name value', city: 'city value', address: 'address value', phone: 'phone value' }
// It also supports arrays
// [ 'name value', 'city value', 'address value', 'phone value' ]
];

ReactDOM.render((
keys="name"
columns={columns}
initialData={data}
initialPageLength={5}
initialSortBy={{ prop: 'city', order: 'descending' }}
/>
), document.getElementById('root'));
``

See complete example.