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

      Filter row


      You can see in this demo how you can enable filter row in the header by setting the grid's Filterable->Mode property to Row: .Filterable(ftb => ftb.Mode(GridFilterMode.Row))

      Therefore based on the data type of the underlying columns data, the grid will render textboxes for string values, numeric inputs or date pickers for filtering in the column headers.

      Additionally, you can specify a default filter operator to be applied when the user enters value in the filter textbox and tap Tab or Enter. This can be done using the Filterable->Cell->Operator attribute of the corresponding column, as shown for the Ship Name and Freight columns.

      ASP.NET MVC source

      Also available for:

      • filter_row.cshtml
      • Filter_RowController.cs
      • ProductService.cs

      Support & learning resources

      Grid for other technologies