Kendo-angular: the virtual grid cover the dialog in the same page

[ciys]

First my english is not very well，i am not sure whether i can describe my question clearly，sorry.
I have a virtual grid and a dialog in the same page,when i click a button to show the dialog,i found the whole grid cover the dialog,include the grid head and the grid body,like this:

and the code is like this:

<kendo-dialog title="监控设置" *ngIf="dialogOpened" (close)="close('cancel')"> <kendo-dialog-actions> <button kendoButton (click)="close('yes')" primary="true">yes</button> <button kendoButton (click)="close('no')">no</button> </kendo-dialog-actions> </kendo-dialog>

<kendo-grid [data]="view" [scrollable]="'virtual'" [selectable]="true" [height]="200" [rowHeight]="36" [skip]="skip" [pageSize]="pageSize" (pageChange)="pageChange($event)"> <kendo-grid-column field="department" title="department" width="80" [style]="{'border-bottom-width': '1px'}"> </kendo-grid-column> </kendo-grid>

and if i change the position of dialog and grid，only the grid body cover the dialog ，like this:

is anybody can help me?

[ciys]

.k-grid-virtual .k-grid-content>table { z-index:0; }
change the style ,and it worked for me

[gyoshev]

While the above z-index works, it is cleaner to set it to the dialog component. This has been fixed in the theme package, versions 2.1.0 and above.

Please note that the theme package has been renamed to @progress/kendo-theme-default -- see the updated instructions in the Getting Started help topic to install the latest version of the theme.

[ciys]

@gyoshev Getting Started help topic is a 404 page

[tsvetomir]

Fixed, sorry!