R2 2018 Release is here – now with modern UI for chatbots and more! See what’s new!
Change Theme

SASS Themes

    LESS Themes

      SASS Theme Builder

      Create new or customize SASS themes
      Launch Theme Builder

      Grid / Filter menu customization

      Description

      You can see in this demo how to apply common settings for the Telerik ASP.NET Core Grid filter menu configuration, and customize its user interface.

      To begin we should specify a single filter criterion using the Filterable=>Extra(false) setting, and limit the filter operators for string columns to “Starts with”, “Is equal to” and “Is not equal to”. After that we provide the custom filterable UI by referencing the name of the JavaScript function which initializes it. A Kendo UI AutoComplete and a DropDownList for the Title and City columns, respectively.
      .Filterable(filterable => filterable.UI("cityFilter"))

      More about the filterable feature of the Telerik Grid for ASP.NET Core

      More about the Telerik Grid for ASP.NET Core

      ASP.NET Core source

      Also available for:

      • filter_menu_customization.cshtml
      • Filter_Menu_CustomizationController.cs

      Support & learning resources

      Grid for other technologies