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

Usage no npm install needed!

<script type="module">
  import codebutlerMaterialTable from 'https://cdn.skypack.dev/@codebutler/material-table';



Build Status npm package NPM Downloads Average time to resolve an issue Follow on Twitter Gitter chat

A simple and powerful Datatable for React based on Material-UI Table with some additional features.

Demo and documentation

You can access all examples and documentation from docs site.


1.Install package

To install material-table with npm:

npm install material-table --save

To install material-table with yarn:

yarn add material-table

2.Add material icons to your html

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

or use icons props to give icons to material-table


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%' }}>
            { 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"

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


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.

If you have any sort of doubt, idea or just want to talk about the project, feel free to join our chat on Gitter :)


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