Add extra properties to Table component

This commit is contained in:
Rising Odegua 2022-02-25 11:27:08 +01:00
parent 6a0e724805
commit 8923ddbbd2

View File

@ -7,14 +7,14 @@ import PropTypes from 'prop-types';
* @param columns: An array of column names with properties: e.g [{field: "col1", headerName: "col1"}, {field: "col2", headerName: "col2"}]
* @param data: an array of data objects e.g. [ {col1: 1, col2: 2}, {col1: 5, col2: 7} ]
*/
const Table = ({ columns, data }) => {
const Table = ({ columns, data, height, width }) => {
let rows = [...data,]
rows = rows.map((row, i) => {
row['id'] = i
return row
})
return (
<div data-testid="tableGrid">
<div style={{ height, width }} data-testid="tableGrid">
<DataGrid rows={rows} columns={columns} pageSize={5} />
</div>
);