New to Kendo UI for AngularStart a free 30-day trial

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

Definition

Package:@progress/kendo-angular-grid

Selector:kendo-grid-filter-cell-operators

Syntax:

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>

Inputs

Sets the column instance for which the filter operators are displayed.

operators

{ text: string; value: string }[]

Specifies the filter operators to display.

Default:

[]

showButton

boolean

Determines if the Clear button is displayed.

Determines if the list of operators is displayed.

Default:

true

value

string

Represents the selected operator value.

Events

clear

EventEmitter​<undefined>

Fires when the Clear button is clicked.

Fires when the operator value changes.