1.0.18 • Published 4 years ago
dx-react-grid-grommet v1.0.18
react grommet v2 theme for DevExpress dx-react-grid
Visit the Developer Express website for more information and examples.
Install
To install:
$ npm install dx-react-grid-grommet
Documentation
Examples
Live editable examples with grommet
Starter
import React from 'react';
import { Grommet, Box } from 'grommet';
import {
Grid,
Table,
TableHeaderRow,
} from 'dx-react-grid-grommet';
export default class Demo extends React.PureComponent {
constructor(props) {
super(props);
this.state = {
columns: [
{ name: 'region', title: 'Region' },
{ name: 'sector', title: 'Sector' },
{ name: 'customer', title: 'Customer' },
{ name: 'product', title: 'Product' },
{ name: 'amount', title: 'Sale Amount' },
],
rows: [
{region: "South America", sector: "Banking", customer: "Beacon Systems", product: "EnviroCare Max", amount: 10294},
{region: "North America", sector: "Health", customer: "Global Services", product: "EnviroCare", amount: 2895},
{region: "North America", sector: "Health", customer: "Supply Warehouse", product: "EnviroCare Max", amount: 3503},
{region: "Australia", sector: "Banking", customer: "Apollo Inc", product: "SolarOne", amount: 1379},
{region: "Europe", sector: "Health", customer: "Beacon Systems", product: "SolarOne", amount: 2867},
{region: "South America", sector: "Banking", customer: "Discovery Systems", product: "EnviroCare", amount: 3365},
{region: "North America", sector: "Health", customer: "Renewable Supplies", product: "EnviroCare", amount: 6932},
{region: "Europe", sector: "Telecom", customer: "Building M Inc", product: "EnviroCare", amount: 1135 },
],
};
}
render() {
const { rows, columns } = this.state;
return (
<Grommet>
<Box>
<Grid
rows={rows}
columns={columns}
>
<Table />
<TableHeaderRow />
</Grid>
</Box>
</Grommet>
);
}
}
1.0.18
4 years ago
1.0.17
4 years ago
1.0.16
5 years ago
1.0.15
5 years ago
1.0.14
5 years ago
1.0.13
5 years ago
1.0.12
5 years ago
1.0.11
5 years ago
1.0.10
5 years ago
1.0.9
5 years ago
1.0.8
5 years ago
1.0.7
5 years ago
1.0.6
5 years ago
1.0.5
5 years ago
1.0.4
5 years ago
1.0.3
5 years ago
1.0.2
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago
0.1.0
5 years ago
0.9.8
5 years ago
0.9.7
5 years ago
0.9.6
5 years ago
0.9.5
5 years ago