Skip to content

[Bug]: ShowHeaderGroupCaptions messes with DataGrid Layout #5804

@Alexander-JM-0224

Description

@Alexander-JM-0224

Blazorise Version

1.6.2

What Blazorise provider are you running on?

Bootstrap5

Link to minimal reproduction or a simple code snippet

https://github.com/Alexander-JM-0224/BlazoriseDataGridTestApp.git

Steps to reproduce

Open the app, switch between the 2 pages in the navbar and see the difference.

What is expected?

My expectation would be that when i have a nice working DataGrid where the styling is okay and the columns are the correct width. Adding the ShowHeaderGroupCaptions should not mess with the layout of the DataGrid

What is actually happening?

Well, when i add the ShowHeaderGroupCaptions is smushes soms columns. Does not respect the Width attributes we added to the columns.

First the DataGrid without ShowHeaderGroupCaptions.
Image

Then the DataGrid with ShowHeaderGroupCaptions.
Image

Now how it should be.
Image

What i need to do to make the DataGrid correct is in the inspector i need to turn 2 Width properties off, then it is showing correct spacing.
Image

What browsers do you see the problem on?

Chrome, Firefox

Any additional comments?

This is a small difference, but it is not something we want to have happen, and i sincerely doubt this should be the expected behaviour of the functionality.

Please, if i am missing something, or there is a simple workaround please let me know.

Metadata

Metadata

Assignees

Labels

Type

Projects

Status

🔙 Backlog

Relationships

None yet

Development

No branches or pull requests

Issue actions