Seeking Guidance on Integrating Row Selection and Delete Button in Data Grid

Good morning,

I'm currently encountering a challenge with a data grid in my project.

While the "@EditRow" feature is quite handy and I would like to retain it, I also have a requirement to include a delete button on each row. The dilemma lies in the fact that the row selection appears to affect the delete column adversely.

I'm reaching out to seek guidance on how to harmoniously integrate both functionalities without the row select impacting the delete column. Below is the relevant code snippet for your reference:

    <RadzenColumn SizeMD=12>
        <RadzenDataGrid @ref="grid0" ColumnWidth="200px" AllowFiltering="true" FilterMode="FilterMode.Advanced" AllowPaging="true" AllowSorting="true" ShowPagingSummary="true" PageSizeOptions=@(new int[]{5, 10, 20, 30})
                        Data="@balanceTypes" TItem="OverTheCounterSales.Models.OTCSProdData.DetailType" RowSelect="@EditRow">
                <RadzenDataGridColumn TItem="OverTheCounterSales.Models.OTCSProdData.DetailType" Property="TypeCode" Title="Id">
                <RadzenDataGridColumn TItem="OverTheCounterSales.Models.OTCSProdData.DetailType" Property="TypeDescription" Title="Name">
                <RadzenDataGridColumn Width="18px" Filterable="false" Sortable="false" TItem="OverTheCounterSales.Models.OTCSProdData.DetailType">
                    <Template Context="balanceType">
                        <div style="display: flex; justify-content: flex-end;">
                            <RadzenButton Icon="delete" Variant="Variant.Flat" Shade="Shade.Lighter" ButtonStyle="ButtonStyle.Danger" Click="@(e => GridDeleteButtonClick(e, balanceType))"></RadzenButton>

Any insights or suggestions you can provide would be greatly appreciated.