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 simple and powerful Datatable for React based on Material-UI Table with some additional features.
Key features
- Actions
- Component overriding
- Custom rendering
- Detail Panel
- Editable
- Export
- Filtering
- Grouping
- Localization
- Remote Data
- Search
- Selection
- Sorting
- Styling
- Tree Data
- and more
Demo and documentation
You can access all examples and documentation from docs site.
Installation
1.Install package
To install material-table with npm:
npm install material-table --saveTo install material-table with yarn:
yarn add material-table2.Add material icons to your html
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">or use icons props to give icons to material-table
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'));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.
If you have any sort of doubt, idea or just want to talk about the project, feel free to join our chat on Gitter :)
License
This project is licensed under the terms of the MIT license.
