filter checkbox column

[jan]

Hi,

I have a grid with this config:

<kendo-grid
    [kendoGridBinding]="gridData.data"
    [filterable]="true"
    (add)="addHandler()"
  >

In this grid I have a checkbox column:

<kendo-grid-column field="defaultLang" title="Alapértelmezett">
      <ng-template kendoGridCellTemplate let-dataItem>
        <div style="text-align: center">
          <input type="checkbox" disabled [checked]="dataItem.defaultLang" />
        </div>
      </ng-template>
    </kendo-grid-column>

If I want to filter this column I get an error, because the filter mechanism operates on strings. How can I

make this work, that I can filter it with '0', '1', 'true', 'false'?

 

Thanks.

[Martin Bechev]

Hello Jan,

The most straightforward approach to filter the checkbox column is to set the filter option of the <kendo-grid-column> component to boolean

<kendo-grid-column field="defaultLang" title="Alapértelmezett" filter="boolean">
      <ng-template kendoGridCellTemplate let-dataItem>
        <div style="text-align: center">
          <input type="checkbox" disabled [checked]="dataItem.defaultLang" />
        </div>
      </ng-template>
 </kendo-grid-column>

Here is an example:

https://stackblitz.com/edit/angular-6xnu6i

I hope this helps.

Regards,
Martin
Progress Telerik

[jan]

Thanks, it worked like a charm. I wasn't aware of this feature.