I have master detail grid and when I filter its filtering only master grid but not detail. How I can acheive?
If I filter on displaySystemName I want to filter by schoolname which is in childContracts array
<kendo-grid [data]="gridData|| []" [filterable]="false" [resizable]="true" [pageSize]="state.take"
[sort]="state.sort" [sortable]="true" [skip]="state.skip" [filter]="state.filter" [pageable]="{
buttonCount: gridPagination.buttonCount,
info: gridPagination.info,
type: gridPagination.type,
pageSizes: gridPagination.pageSizes,
previousNext: gridPagination.previousNext
}" (filterChange)="filterChange($event)" (dataStateChange)="dataStateChange($event)" [loading]="loading" #gridContract style="width:100%">
<kendo-grid-column field="displaySystemName" title="System/School"></kendo-grid-column>
<kendo-grid-column field="programParticipation" title="Program"></kendo-grid-column>
<kendo-grid-column field="systemWFStatus" title="Status"></kendo-grid-column>
<ng-template kendoGridDetailTemplate let-dataItem [kendoGridDetailTemplateShowIf]="showOnlyChildContracts">
<kendo-grid [data]="dataItem.childContracts" id="grid-child" [hideHeader]="true">
<kendo-grid-column field="schoolName" title="School"> </kendo-grid-column>
<kendo-grid-column field="programParticipation" title="Program"> </kendo-grid-column>
<kendo-grid-column field="schoolWFStatus" title="Status"> </kendo-grid-column>
</kendo-grid>
</ng-template>
</kendo-grid>