Angular 剑道网格导致剑道对话框引导出现问题

Angular 剑道网格导致剑道对话框引导出现问题,angular,bootstrap-4,kendo-grid,kendo-ui-angular2,kendo-window,Angular,Bootstrap 4,Kendo Grid,Kendo Ui Angular2,Kendo Window,我有一个kendo对话框组件,里面有一个kendo网格组件。对话框组件在xs、sm、md、lg设备上扩展到整个屏幕宽度。问题是,该对话框在xl设备上占用整个屏幕宽度,这不是所需的行为。如果我注释掉剑道网格组件,对话框不会跨越整个屏幕宽度,这正是我想要的 我如何实现所需的行为,例如在剑道对话框中包含剑道网格组件,该组件将不跨越xl设备的整个屏幕宽度

我有一个
kendo对话框
组件,里面有一个
kendo网格
组件。对话框组件在
xs、sm、md、lg
设备上扩展到整个屏幕宽度。问题是,该对话框在
xl
设备上占用整个屏幕宽度,这不是所需的行为。如果我注释掉剑道网格组件,对话框不会跨越整个屏幕宽度,这正是我想要的

我如何实现所需的行为,例如在
剑道对话框中包含
剑道网格
组件,该组件将跨越
xl
设备的整个屏幕宽度