Is it possible to modify the width of dynamic columns within a DataGrid.
I have a DataGrid containing non-dynamically created columns and dynamically created sub-columns; however, when attempting to adjust the width of the columns the dynamically created sub-columns fail to correctly space themselves. I have tried:
- Setting the width of the non-dynamic parent column
- Setting the width of the dynamic child column
- Setting the column width in the DataGrid component
Neither method seems to work, is anyone able to resolve this issue?
Additional Note: I want to have the DataGrid horizontal scroll, as the full data will cover 50+ columns.
Output:
HTML:

