SfGrid with GridSearchSettings and GridSelectionSettings - Selection not working after search.

[Ajay Jacob John]

I have SfGrid with GridSearchSettings and GridSelectionSettings. Once I filter the data by Searching, the checkboxes are not getting checked/unchecked properly. The RowSelected event is firing but the checkbox in the row is not visibly checked.

Below is the code. 

SfGrid Id="@Id"

        DataSource="@foo"

        AllowPaging="true"

        AllowSorting="true"

        AllowSelection="true"

        Height="400"

        Toolbar="@ToolbarItems"

        AllowTextWrap="true"

        @ref="Grid">

    <GridSelectionSettings Type="Syncfusion.Blazor.Grids.SelectionType.Single" CheckboxOnly="true" Mode="Syncfusion.Blazor.Grids.SelectionMode.Row"></GridSelectionSettings>

    <GridEvents TValue="FooType" RowDataBound="OnRowDataBoundEvent" RowSelecting="OnRowSelecting" RowSelected="(e) => OnRowSelected(e)" RowDeselected="OnRowDeselected"></GridEvents>

    <GridSortSettings Columns="@DefaultSort" AllowUnsort="false"></GridSortSettings>

    <GridSearchSettings Fields=@SearchColumns></GridSearchSettings>

    <GridPageSettings PageSize="50"></GridPageSettings>

    <GridColumns>

        <GridColumn Type="ColumnType.CheckBox" Width="50">

            <HeaderTemplate>

            </HeaderTemplate>

        </GridColumn>

        <GridColumn Field=@nameof( FooType.FirstName) HeaderText="@(DisplayHelper.GetDisplayName< FooType >(nameof( FooType.FirstName)))" TextAlign="TextAlign.Left" Width="220"></GridColumn>

        <GridColumn Field=@nameof( FooType .LastName) HeaderText="@(DisplayHelper.GetDisplayName< FooType >(nameof( FooType.LastName)))" TextAlign="TextAlign.Left"></GridColumn>

        <GridColumn Field=@nameof( FooType .EmailAddress) HeaderText="@(DisplayHelper.GetDisplayName< FooType >(nameof( FooType .EmailAddress)))" TextAlign="TextAlign.Left"></GridColumn>

</SfGrid>

[Sanjay Kumar Suresh]

Hi Ajay Jacob John,

Thank you for reaching out to us.

Based on your description, we understand that after performing a search operation in the DataGrid, the checkbox selection is not working as expected. To investigate this, we bound sample data to the Grid using the code you shared and tested the scenario on our side. However, we were not able to reproduce the reported issue—the checkbox selection continues to work correctly after performing a search. We have attached the concern sample along with the video demo from our end. Please check.

Sample: https://blazorplayground.syncfusion.com/embed/hXrdjhWUrpTHkyVh?appbar=true&editor=true&result=true&errorlist=true&theme=bootstrap5

Video Demo: Check the attachment.

Since we suspect that the issue might be your application side, kindly share the below details

      1. Please provide a simple issue replicating sample or try to modify the above-mentioned sample.

      2. Share us the video demonstration of the reported issue.

      3. Please provide the NuGet version in which the issue is getting reproduced from your end.

      4. Please share us the entire code along with the customization handled on the event handlers from your end.
 

The above requested detail will be very helpful for us to validate the reported issue at our end.

Regards,

Sanjay Kumar Suresh

Attachment: CheckBoxSelectionWorksFine_7dd6dce2.zip