material-table

material-table

A console application that contains a lof of features to help developer

DEMO

Installation

$ npm install material-table --save

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', isNumeric: true},
            {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'));

Properties

Property	Type	Default	Description
actions	Array		Action list. An icon button will be rendered for each actions
columns	Array		Column definitions
data	Array		Data to be rendered
options	object		All options of table
title	string	'Table Title'	Table Title (only render if toolbar option is true

actions

columns

data

options

Options property could be given to component as options property. You can change behaviour of grid