TelerikGrid: Reset Columns / Reset to Default does not restore original column layout after reorder & hide operations

[Shreesha]

I am using the Blazor TelerikGrid with column reordering, column menu, and “Reset Columns / Reset to Default” functionality enabled.
However, the grid does not revert back to the original default column layout after users reorder and hide columns, then click Reset.

Steps to Reproduce

• Load the grid with default columns.
• Reorder some columns using drag & drop.
• Hide a few columns from the column menu (uncheck).
• Open the column menu and click:
  • Reset Columns, or
  • Reset to Default
• The grid does not return to its original default column order or visibility settings.

Expected Behavior

• The grid should fully restore the initial default state:
  • Original column order
  • All columns visible again
  • Original widths and layout

    <TelerikGrid @ref="SearchGrid"
                 TItem="@ChargeUIResult"
                 Pageable="true"
                 Sortable="true"
                 ConfirmDelete="true"
                 Resizable="true"
                 Groupable="false"
                 Navigable="false"
                 Reorderable="true"
                 EnableLoaderContainer="false"
                 FilterMode="GridFilterMode.None"
                 EditMode="GridEditMode.Popup"
                 SelectionMode="GridSelectionMode.Multiple"
                 ShowColumnMenu="true"
                 OnRead="@ReadItems"
                 OnRowClick="@OnRowClickHandler"
                 SelectedItemsChanged="@((IEnumerable<ChargeUIResult> args) => SetSelectedItem(args))"
                 SelectedItems="@SearchState.SelectedItems"
                 PageChanged="@SearchState.ClearingSelectedItem"
                  ......>
        <GridSettings>
            <GridPagerSettings InputType=PagerInputType.Buttons PageSizes="@SearchState.PageSizes" ButtonCount="@SearchState.PageButtonCount" />
            <GridColumnMenuSettings Sortable="true"
                                    Lockable="false"
                                    FilterMode="@ColumnMenuFilterMode.None" />
        </GridSettings>
  </TelerikGrid>

Code:
    private async Task SetSelectedItem(IEnumerable<ChargeUIResult> args)
    {
        if (ShouldRenderSelected)
        {
            var selectedList = args.ToList();             
            SearchState.SetSelectedItems(selectedList);
            StateHasChanged();
        }
        ShouldRenderSelected = true;
    }

My Question:

• Is this a known issue where Reset Columns / Reset to Default does not revert the column order and visibility to the initial state?

• Does the Reset feature require explicit configuration or persistence settings to restore original defaults?

[Dimo]

Hello Shreesha,

The Reset button in the Grid column menu only resets the checkboxes to the state during the last column menu opening. There is no reset to default column state during the component load.

In your case, you need to reset the column state through the Grid state. You can use a toolbar button or any other trigger.

On a side note, please ask the license holder at your company to assign you a Telerik license. I see that there are some available ones. Otherwise you are not eligible for technical support and your account is not compliant to our license agreement.

<TelerikGrid @ref="@GridRef">
    <GridToolBar>
        <GridToolBarCustomTool>
            <TelerikButton OnClick="@OnResetColumnsClick">Reset Columns</TelerikButton>
        </GridToolBarCustomTool>
    </GridToolBar>
</TelerikGrid>

@code {
    private TelerikGrid<GridModel>? GridRef { get; set; }

    private async Task OnResetColumnsClick()
    {
        if (GridRef is null)
        {
            return;
        }

        var gridState = GridRef!.GetState();
        gridState.ColumnStates.Clear();
        await GridRef.SetStateAsync(gridState);
    }
}

Regards,
Dimo
Progress Telerik