ColumnMenuFilterComponent

Represents the column-menu item for editing column filters in the Grid. See example.

Place this component inside a ColumnMenuTemplate directive. To register the component as a known column menu item, set the ColumnMenuService that the template passes to the service input of the kendo-grid-columnmenu-filter component. See example.

html

<kendo-grid [columnMenu]="true" ...>
  <ng-template kendoGridColumnMenuTemplate let-service="service">
    <kendo-grid-columnmenu-filter [service]="service">
    </kendo-grid-columnmenu-filter>
  </ng-template>
</kendo-grid>

html

<kendo-grid-column field="ProductName">
  <ng-template kendoGridColumnMenuTemplate let-service="service">
    <kendo-grid-columnmenu-filter [service]="service">
    </kendo-grid-columnmenu-filter>
  </ng-template>
</kendo-grid-column>

Selector

kendo-grid-columnmenu-filter

Inputs

Name	Type	Default	Description
expanded	boolean	false	Specifies if the content is expanded.
service	ColumnMenuService		Represents the ColumnMenuService class. This input is required.

Fields

Name	Type	Default	Description
filterIcon	SVGIcon		Defines the SVG icon for the filter.

Events

Name	Type	Description
collapse	EventEmitter<any>	Emits when the content collapses.
expand	EventEmitter<any>	Emits when the content expands.