Kendo-grid hide row (Angular 2)

Question

Does the kendo-grid (Angular 2) provide a way to hide specific rows. (e.g. [rowClass]="rowCallback"). I would like to check a certain bool property of the binding item and based on the value show or hide the row.

Answer 1

The most straight-forward approach would be to either filter the data before hand, or provide an initial filter descriptor for the Grid, e.g.:

Preprocess the data example

Provide an initial filter

You can also use the rowClass callback to add a custom class to the respective grid rows based on some data item property (available as args.dataItem):

Hide via RowClass