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

BerkayBesen/material-table

 
 

Repository files navigation

material-table

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

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

DEMO AND DOCUMENTATION

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">

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

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.

Licence

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 100.0%