search

havit / Havit.Blazor

Free Bootstrap 5 components for ASP.NET Blazor + optional enterprise-level stack for Blazor development (gRPC code-first, layered architecture, localization, auth, ...)
https://havit.blazor.eu
MIT License
463 stars 63 forks source link

HxGrid unable to set 100% height #831

Closed franky1017 closed 1 month ago

franky1017 commented 1 month ago

I was trying to make the grid component to 100% height by setting the "TableContainerCssClass" property. That did not work. The reason was there was a outside div for the table called "hx-progress-overlay". Once I override that class to height 100% it works fine.

crdo commented 1 month ago

This is intended behaviour. We need to wrap the TableContainer with another div to be able to position the HxProgressIndicator over the table. There was an attempt to merge these two divs but w/o success so far. It is tracked at #465. Closing as duplicate.

hakenr commented 1 month ago

~~Use HxGrid.CssClass to set class for the most outer element. ~~

UPDATE: There is no HxGrid.CssClass. 😇

franky1017 commented 1 month ago

Use HXGrid.CssClass to set class for the most outer element.

Maybe I am missing something, the HxGrid component has no CssClass property. Either "TableContainerCssClass" or "TableCssClass".

crdo commented 1 month ago

@hakenr @franky1017 the most outer element that comes with HxProgressIndicator is not accessible with any CSS parameter.

franky1017 commented 1 month ago

@hakenr @franky1017 the most outer element that comes with HxProgressIndicator is not accessible with any CSS parameter.

I understand that and that's the issue. Because of this outer div, when I try to set the height for the grid, it does not work because this outer div is controlling the height for the grid. I had to add my own css class to set the progress indicator div's height to make it work.

hakenr commented 1 month ago

Right now, we are testing a HxGrid adjustment where we squash the two outer divs into a single one (3b04c96130034888115f85b76cf95394fa5032fd). I will publish a pre-release version for testing soon (v 4.6.10-pre1).