如何隐藏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文件文件，用于重置kendo样式，并将下面的代码和链接放在index.html中（我适用于您在应用中使用的所有网格）

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

---

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

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

这将重置kendo css，如果你有一个链接到index.html的kendo重置，也会覆盖样式