I’ve got a MUI DataGrid, and I’m going to force it to group by a particular property (in this case, the “section” of a list of questions). I’d like to render a custom view as the grouping-row – see in this screenshot how the “section” goes across the whole grid? I’m planning on putting more info across that section-header, like summary information, and I don’t want the little table-cell boundaries slicing up the row.

I want to provide a quick admin tool for my users. I used the Community version of MUI X DataGrid to let them CRUD over a table with 30 columns. I produce a json file containing columns and rows properties on the back end and it’s shown on the React front end mostly fine. The problem is all the columns are cut off and it’s hard to figure the data. E.g. for columns containing a datetime only the month and the day are visible.