You can change the following CSS variable: –smart-grid-default-width. This will set the default width of the Grid or you can locally change the width to your grid:

<div class=”border border-primary rounded p-2 my-auto bg-light”>

<Grid id=”grid” @ref=”grid”></Grid>

#grid {
width: 100%;
@code {
Grid grid;

I hope this helps! If not, do not hesitate to contact us!

Best Regards,
Svetoslav Borislavov

Smart UI Team