Package Exports

material-table

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (material-table) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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.