Sorting the Grid Multi-Check Filter Items

Environment

Product Version	2025 Q1
Product	Telerik UI for ASP.NET Core Grid

Description

How can I sort the multi-check items in the column filter menu of the Telerik UI for ASP.NET Core Grid?

Solution

1. Specify a DataSource in the Filterable configuration of the Grid column.
2. Configure the sort option of the DataSource and set the desired order.

Razor

  columns.Bound(p => p.Details).Filterable(ftb =>
  {
    ftb.Multi(true);
    ftb.Search(true);
    ftb.CheckAll(true);
    ftb.DataSource(dataSource => dataSource
      .Custom()
      .Transport(t => t.Read("ReadFilterMenuItems", "Grid"))
      .Sort(sort => {
          sort.Add("Details").Descending();
      })
    );
  });

Razor

    <columns>
        <column field="Details">
            <filterable multi="true" search="true" check-all="true">
                <datasource>
                    <transport>
                        <read url="@Url.Action("ReadFilterMenuItems", "Grid")" />
                    </transport>
                    <sorts>
                        <sort field="Details" direction="desc" />
                    </sorts>
                </datasource>
            </filterable>
        </column>
    </columns>

C#

  public ActionResult ReadFilterMenuItems()
  {
    var result = gridDataCollection.GroupBy(p => p.Details).Select(grp => grp.FirstOrDefault());
    return Json(result);
  }

More ASP.NET Core Grid Resources

• ASP.NET Core Grid Documentation

• ASP.NET Core Grid Demos

• ASP.NET Core Grid Multi Checkbox Filter (Demo)

• ASP.NET Core DataGrid Product Page

• Telerik UI for ASP.NET Core Video Onboarding Course (Free for trial users and license holders)

• Telerik UI for ASP.NET Core Forums

See Also

• Client-Side API Reference of the Grid for ASP.NET Core

• Server-Side API Reference of the Grid for ASP.NET Core

• Server-Side TagHelper API Reference of the Grid for ASP.NET Core

• Telerik UI for ASP.NET Core Breaking Changes

• Telerik UI for ASP.NET Core Knowledge Base