Datatable for React based on https://material-ui.com/api/table/ with additional features
To install material-table with npm
:
npm install material-table --save
To install material-table with yarn
:
yarn add material-table
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
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'));
You can access all examples and documentation from docs site
We'd love to have your helping hand on material-table
! See CONTRIBUTING.md for more information on what we're looking for and how to get started.
This project is licensed under the terms of the MIT license.