Column Menu
The Native Vue Grid enables you to show a menu with quick actions for its columns.
The column menu provides flexible options for high-level customization. For example, the regular sorting and filtering features are represented by individual components which allows you to implement complex scenarios and meet the specific requirements of your project.
Basic Usage
To configure the column menu, use the columnMenu
option of the columns.
The following example demonstrates how to utilize the components for sorting and filtering while you implement the column menu in the Grid.
Styling the Column Menu Icon
Both the filterGroupByField
and sortGroupByField
static methods 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.
The following example demonstrates how to style the column-menu icon when sorting and filtering are applied.