[data grid] Controlling headerAlign in GridColumnGroupingModel globally

[nodirbekprogrammer]

Summary

Where I group columns, I have to repeatedly specify center for headerAlign. It should be center by default or possible to change it by passing some property to the DataGrid.

Examples

No response

Motivation

No response

Search keywords: column, grouping, headerAlign

[michelengelen]

To help us diagnose the issue efficiently, could you provide a stripped-down reproduction test case using the latest version? A live example would be fantastic! ✨

For your convenience, our documentation offers templates and guides on creating targeted examples: Support - Bug reproduction

Just a friendly reminder: clean, functional code with minimal dependencies is most helpful. Complex code can make it tougher to pinpoint the exact issue. Sometimes, simply going through the process of creating a minimal reproduction can even clarify the problem itself!

Thanks for your understanding! 🙇🏼

[nodirbekprogrammer]

@michelengelen Link

[michelengelen]

Hey @nodirbekprogrammer and thanks for the follow-up. There currently is no global setting for this, so you would need to either ...

• ... set it for every column manually, or ...
• ... use a global styling (e.g. with the sx prop) like below:

  sx={{
    [`& .${gridClasses.columnHeaderTitleContainer}`]: {
      justifyContent: 'center',
    },
  }}

I agree that both are only mitigating for now, so I will add this to the board to discuss a global prop or similar. Thanks!

[nodirbekprogrammer]

@michelengelen Thank you. The second approach is enough for me for now.