# ColumnMenu Filtering

One of the filtering options provided by the Kendo UI for Vue Grid is through its column menu. The [Column Menu documentation](https://www.telerik.com/kendo-vue-ui-develop/components/grid/columns/column-menu) provides more details about how to initialize it.

The current article discusses how to modify the column menu to use its filtering functionality in an efficient manner.

## Display Filtering Functionality with Custom Icon

The below example shows how to change the `column menu` icon and display only the filtering functionality of the menu.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/grid/columns/column-menu/flter-only-custom-icon/source.txt)

## Checkbox Filter

The ColumnMenu provides the [GridColumnMenuCheckboxFilter](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridcolumnmenucheckboxfilterprops) component, which provides a checkbox list to filter the column data.

The following example demonstrates how to setup the checkbox filtering using the `GridColumnMenuCheckboxFilter` component.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/grid/columns/column-menu/checkboxFilter/source.txt)

## 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 [`columnMenu`](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridcolumnprops#columnmenu) property.

You can integrate custom components in the column menu and pass additional properties to them.

The following example demonstrates how to:

* Render the columns inside the column menu based on an array of the column names and on the column `hidden` property.
* Hide columns from the column menu and enable the Grid to update the column menu.

To access all demo files, refer to the tree pane of the file.

The following example demonstrates how to customize the column menu filter by passing a custom component that dynamically renders filter controls based on selected fields and their visibility state.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/grid/columns/column-menu/custom/source.txt)

## Suggested Links

* [API Reference of the Grid](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridprops)
* [API Index of the Grid](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api)