All Components
Change Theme

SASS Themes (beta)

    LESS Themes

      Grid / Filter row

      Description

      With the Kendo UI grid you can enable filter row in its header by setting the grid's filterable->mode property to row. Thus 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, as illustrated in this example.

      Additionally, you can specify default filter operator to be applied when the user enters value in the filter textbox and presses Enter or Tab via the keyboard. This can be done using the filterable->cell->operator attribute of the corresponding column, as demonstrated for the ShipName and Freight columns here.

      More information on the filtering grid configuration can be found in this documentation section.

       

      HTML5/JavaScript source

      Also available for:

      API Reference
      • filter-row.html
      • Sample service
      • Widget configuration

      Support & learning resources

      Grid for other technologies