DataGrid border radius cutting off

Radzen.Blazor Components
1

Hi.

I am trying to round the corners of a datagrid. I have tried with radzen blazor studio, with a css class, aswell as regular old css. All three options nets me the same result. Cut off corners. See image. Any idea why?

Dont have this issue with other components such as textbox or buttons.

<RadzenDataGrid class="tenant-grid data-grid" @ref="grid0" ColumnWidth="200px" AllowFiltering="true" FilterMode="FilterMode.Advanced" AllowPaging=@allowPaging AllowSorting="true" ShowPagingSummary="true" PageSizeOptions=@(new int[]{5, 10, 20, 30})
        Data="@tenant"   RowUpdate=@GridRowUpdate RowCreate=@GridRowCreate TItem="context.tenant" Style="margin-top: 0px; width: 885px; border-radius: 10px; border: 2px solid #e0e0e0" >

image
image894×385 6.99 KB

2

Hi @chr_pla,

Which version of Radzen.Blazor are you using? Couldn't reproduce any border radius issues with the latest demos https://blazor.radzen.com/datagrid

image
image2434×1126 261 KB

image
image2440×650 122 KB

3

Thank you! That was the issue, updated to 4.15.4 and now it works just as expected!