Package Exports

@devexpress/dx-react-grid-material-ui

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 (@devexpress/dx-react-grid-material-ui) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

DevExtreme React Grid Material UI

A template suite used to render the React Grid based on Material UI components.

Installation

Install the main dx-react-grid package with its dependencies and templates for the Material UI:

npm i --save @devexpress/dx-react-core @devexpress/dx-react-grid @devexpress/dx-react-grid-material-ui

Add the required modules to your project:

import {
  Grid, Table, TableHeaderRow
} from '@devexpress/dx-react-grid-material-ui';

const App = () => (
  <Grid
    rows={[
      { id: 0, product: 'DevExtreme', owner: 'DevExpress' },
      { id: 1, product: 'DevExtreme Reactive', owner: 'DevExpress' },
    ]}
    columns={[
      { name: 'id', title: 'ID' },
      { name: 'product', title: 'Product' },
      { name: 'owner', title: 'Owner' },
    ]}>
    <Table />
    <TableHeaderRow />
  </Grid>
);

Make sure that the Material UI dependencies are installed and properly configured. Check the Material UI's Getting Started article for configuration details.

Getting started

This package provides components and plugins implementing Material UI rendering for the React Grid, which you can use instead of the original React Grid package ones.

See demos for more information.

Reference

The package exposes components and plugins with injected template components.

Components:

Grid

Plugins:

License

DevExtreme licensing.