FilterCellOperatorsComponent

Represents a component that displays filter operators. Use this component to show a drop-down list of filter operators and a clear button.

html

<kendo-grid [data]="gridData">
  <kendo-grid-column field="ProductName">
    <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
      <input />
      <kendo-grid-filter-cell-operators
        [operators]="[{text: 'Equals', value: 'eq'}]">
      </kendo-grid-filter-cell-operators>
    </ng-template>
  </kendo-grid-column>
<kendo-grid>

Selector

kendo-grid-filter-cell-operators

Inputs

Name	Type	Default	Description
column	ColumnComponent		Sets the column instance for which the filter operators are displayed.
operators	{ text: string; value: string; }[]		Specifies the filter operators to display.
showButton	boolean		Determines if the Clear button is displayed.
showOperators	boolean	true	Determines if the list of operators is displayed.
value	string		Represents the selected operator value.

Events

Name	Type	Description
clear	EventEmitter<undefined>	Fires when the Clear button is clicked.
valueChange	EventEmitter<string>	Fires when the operator value changes.