import * as React from
'react'
;
import { DataGrid } from
'@material-ui/data-grid'
;
const columns = [
{ field:
'id'
, headerName:
'ID'
, width: 170 },
{ field:
'name'
, headerName:
'NAME'
, width: 170 },
{ field:
'age'
, headerName:
'AGE'
, width: 170 },
];
const rows = [
{ id: 1, name:
'Gourav'
, age: 12 },
{ id: 2, name:
'Geek'
, age: 43 },
{ id: 3, name:
'Pranav'
, age: 41 },
];
export
default
function
App() {
return
(
<div style={{ height: 500, width:
'80%'
}}>
<h4>How to use DataGrid Component
in
ReactJS?</h4>
<DataGrid rows={rows} columns={columns} pageSize={2} />
</div>
);
}