[Bug]: DataGrid with disabled columns collapses when using DetailRowTemplate

[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

Steps to reproduce & bug description

Build and open project, In the project you can choose multiple pages. The pages for this bugreport are:

• DetailRow
• DetailRow - Display
• DetailRow - Displayable

Open a detailrow on every page, and see the difference in the grid styling.

What is expected?

What i expect is when i "turn off" a column with either the Display or the Displayable attribute, that is does not get counted for the width of the Detailrows.

What is actually happening?

What is happening is that i see in the inspector that the "colspan" does not count the right amount of columns...

My theory, if i have 5 columns, and i turn 1 off with Display/Displayable colspan should be 4. But it stays 5.

And this does the styling of the page no favors as you can see in the example project.

What browsers do you see the problem on?

Chrome, Safari, Firefox, Microsoft Edge

Any additional comments?

We have fixed this by using @if() statements around the whole column, this works fine.

But i will still report this bug because me thinks this is no suitable behaviour, or at least it should be documented in the documentation.
Maybe this has to do with the Fixed grid width we use?

If you need more info, or want a clearer explanation, let me know!

Thanks as always ;)

[David-Moreira]

Hello @Alexander-JM-0224
The supported way, should be by using the Displayable parameter to go through the internals correctly.
Using CSS, styling, etc might not yield correct results.

IN this case, the Displayable example you have provided us with, should correctly adjust the col span as you mention.
We'll fix this issue, thanks for reporting.