albertopumar / react-powerful-data-table

Extremely customizable data table for ReactJS.

react-powerful-data-table

Description

Data table component for ReactJS developed to create default tables extremely quickly but also allowing an infinite customization.

Table of content

• Installation
• Usage
• Documentation
• License

Installation

Installation using npm

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

This project is licensed under the terms of the MIT license.