I am new to React MUI DataGrid, trying to create a table look like the following. How do i create the rows like Tags (below image)? Also, the rows height should dynamically adjust based on the number of tags inside it.

enter image description here

I did the following in the tags columns in data grid. But the row height is static and the elements get cut.

columns = [{
field: “tags”,
headerName: “Tags”,
renderCell: (params) => (

{params.row.tags.map((tag) => (

))}

),
editable: true,
flex: 2.5,
}]