Как скрыть заголовок группы в сетке кендо

Question

Можно ли скрыть или удалить заголовок группы из сетки кендо при использовании группировки?

Мы кодируем с Angular 5.

Answer 1

Добавьте следующий CSS в таблицу стилей, чтобы переопределить стандартный пользовательский интерфейс Kendo Angular CSS

Если вы хотите скрыть текст заголовка

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

Если вы хотите скрыть строку заголовка

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

Answer 2

Атрибут [groupable] может включать и выключать это.

[groupable] = "true"

[groupable] = "false"

например,

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

Работает с угловым 7

Answer 3

Либо создайте отдельный файл css для сброса стилей кендо и поместите ниже код и ссылку в index.html (я применима ко всем сеткам, которые вы используете в своем приложении)

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

---

Или,поместите этот код в таблицу стилей компонента.

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

Это сбросит кендо css, а также отменит стили, если у вас есть сброс кендо, связанный с вашим index.html