JSPM

  • Created
  • Published
  • Downloads 66741
  • Score
    100M100P100Q150781F
  • 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 Install Size Follow on Twitter

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