Within a Blazor app, I would like to display a grid that fills the entire<article>@Body</article> area.
I've tried a few variations of
<container><row><col><grid></col></row></container>however the grid (Radzen or DevExpress in this case) never full fills the entire area.
Example:
<div class="container p-0 m-0 pe-0 me-0" style="width:100%"><div class="row" style="width:100%"><div class="col-xxl12" style="width:100%"><RadzenDataGrid .../></div></div></div>And here is what I see when inspecting the article element on the rendered page (note the empty area to the left of the grid):
Note <container> does not fill <article>
I have also tried using the <container-fluid> tag which does cause the grid to display but the scrollbar is displayed for the entire browser page, not only the area within the <article> tags, which is not the desired behavior.
<div class="container-fluid"><div class="row"><div class="col"><RadzenDataGrid .../></div></div></div>Note the scroll bar across the entire browser:
CSS is still a bit new for me and I'm fairly confident that by using some CSS kung-fu the desired outcome can be achieved.