Skip to content

Datatable for React based on material-ui's table with additional features

License

Notifications You must be signed in to change notification settings

JJeurissen/material-table

This branch is 6 commits ahead of, 989 commits behind mbrn/material-table:master.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

02b8b09 · Jul 22, 2019
Oct 31, 2018
Jul 22, 2019
Apr 3, 2019
Apr 4, 2019
Mar 14, 2019
Jul 22, 2019
Dec 9, 2018
Dec 8, 2018
Apr 9, 2019
Oct 12, 2018
Oct 30, 2018
Oct 20, 2018
Aug 6, 2018
Mar 12, 2019
Mar 22, 2019
Apr 4, 2019
Apr 3, 2019
Dec 29, 2018

Repository files navigation

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.

Key features

Demo and documentation

You can access all examples and documentation from docs site.

Installation

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

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'));

Contributing

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 :)

License

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

About

Datatable for React based on material-ui's table with additional features

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 99.7%
  • HTML 0.3%