react-powerful-data-table

Description

Table of content

Installation

npm install react-powerful-data-table --save

Usage

import React from 'react';
import ReactDOM from 'react-dom';
import ReactTable from 'react-powerful-data-table';
const structure = [
 { title: 'Identifier', field: 'id' },
 { title: 'Name', field: 'name' },
 { title: 'Surname', field: 'surname' }
];
const data = [
 { id: 1, name: 'John', surname: 'Doe' },
 { id: 2, name: 'Baby', surname: 'Doe' },
 { id: 3, name: 'Harry', surname: 'Hoe' },
 { id: 4, name: 'Vince', surname: 'Voe' },
 { id: 5, name: 'Joe', surname: 'Public' },
 { id: 6, name: 'William', surname: 'Woe' }
];
class App extends React.Component {
 render() {
 return <ReactTable tableData={data} tableStructure={structure} />;
 }
}

License