覆盖 angular kendo 网格的单元格样式

Question

我正在尝试更改单元格的填充，并根据分辨率将其设置为更小的值。但是我没有成功地做到这一点。对我有用的唯一选择是在列上设置样式：

[style]="{'padding':'5px'}"

我试过rowClass，class等。但是none似乎对模板没有任何影响。甚至尝试使用 .k-grid th、.k-grid td 指定填充。但它没有效果。如果有人成功了，请告诉我如何根据分辨率更改 class 上的样式。

Answer 1

我能够通过在我的组件上指定以下内容来解决这个问题

封装：ViewEncapsulation.None

在样式中添加“.k-grid”也很重要。所以应该是

.k-grid .no-padding{ 填充：0px }