Column Menu
The Grid provides a built-in option for triggering column operations through a menu.
Column Menu Types
As of R1 2021 version of the Kendo UI suite, the Grid widget introduces the modern render mode that aims to deliver a fresh look and feel. It aims to enhance the existing rendering and deliver a fresh and modern look and feel.
Basic Usage
To configure the column menu, use the columnMenu option of the columns.
Checkbox Filter
The ColumnMenu provides the GridColumnMenuCheckboxFilter component, which provides a checkbox list to filter the column data.
Custom Components
You can integrate custom components in the column menu and pass additional properties to them.
Customizing the Filter Component
The filter component of the column menu enables you to customize its user interface (UI) by passing a custom component to the filterUI property.
Styling the Column Menu Icon
Both the GridColumnMenuFilter and GridColumnMenuSort components expose the active static method which checks if filtering and sorting are applied to a specific field. You can use these methods for applying custom CSS classes to the column menu and mark it as active.
What is grid configuration?
The configuration of the grid columns. An array of JavaScript objects or strings. JavaScript objects are interpreted as column configurations. Strings are interpreted as thefield to which the column is bound. The grid will create a column for every item of the array.
What happens if you set a column value to true?
If set to true the column value will be HTML-encoded before it is displayed. If set to false the column value will be displayed as is. By default the column value is HTML-encoded.
Can a field name be sortable?
Only columns that are bound to a field can be sortable or filterable .The field name should be a valid Javascript identifier and should contain only alphanumeric characters (or "$" or "_"), and may not start with a digit. Example. <kendo:grid-column field="field"> </kendo:grid-column>.
