material-table

material-table

Datatable for React based on https://material-ui.com/api/table/ with additional features

DEMO AND DOCUMENTATION

Installation

To install material-table with npm:

npm install material-table --save

To install material-table with yarn:

yarn add material-table

Add material icons url to your html:

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

Usage

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import MaterialTable from 'material-table'

class App extends Component {
  render() {
    return (
      <div style={{maxWidth: '100%'}}>
        <MaterialTable
          columns={[
            {title: 'Adı', field: 'name'},
            {title: 'Soyadı', field: 'surname'},
            {title: 'Doğum Yılı', field: 'birthYear', type: 'numeric'},
            {title: 'Doğum Yeri', field: 'birthCity', lookup: {34: 'İstanbul', 63: 'Şanlıurfa'}}
          ]}
          data={[{name: 'Mehmet', surname: 'Baran', birthYear: 1987, birthCity: 63}]}
          title="Demo Title"
        />
      </div>
    );
  }
}

ReactDOM.render(<App />, document.getElementById('react-div'));

Documentation

You can access all examples and documentation from docs site

Licence

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