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
A console application that contains a lof of features to help developer
Installation
$ npm install material-table --saveUsage
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