JSPM

  • Created
  • Published
  • Downloads 66741
  • Score
    100M100P100Q145798F
  • License MIT

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

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

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.