How to adjust the width of Dynamic Columns within a DataGrid [Believed Bug, see second post]

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:

Just to add an additional note:
I think this is a bug related to Sub-Columns (Columns of Columns) as I have tested this with non-dynamic columns and I get the same result.