如何隐藏Kendo网格中的组头

Question

使用分组时，是否可以在kendo网格中隐藏或删除组标题？

我们正在使用Angular 5进行编码。

Answer 1

将以下CSS添加到样式表中，以覆盖默认的Kendo UI Angular CSS

如果要隐藏标题文本

.k-grid .k-grouping-row p {
    display: none !important;
}

如果要隐藏标题行

.k-grid .k-grouping-row td {
    display: none !important;
}

Answer 2

要么创建一个单独的css文件文件以重置剑道样式，然后将下面的代码和链接放在index.html中（我适用于您在应用程序中使用的所有网格）

.k-grid-header {
  display: none !important;
}

---

或者，将此代码放在组件样式表中。

:host /deep/ .k-grid-header {
  display: none !important;
}

这将重置kendo css，并且如果您将kendo重置链接到index.html，还将覆盖样式。

Answer 3

[groupable]属性可以启用和禁用此功能。

[groupable] =“ true”

[groupable] =“ false”

例如

<kendo-grid [data]="gridData" [groupable]="true"
    [group]="state.group" "></kendo-grid>

这适用于有角度的7