在 angular 中隐藏 Kendo-ui 的 header 行

Hide the header row of Kendo-ui in angular

我想隐藏 kendo-ui 网格的 header 行。通过这个answer on telerik forum 我应用了样式。

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

但 header 仍在显示。这意味着未应用该样式。

请参阅StackBlitz Demo

您只需将 hideHeader 输入添加到 kendo 网格并将其设置为 true

<kendo-grid [data]="gridData" [height]="410"
[hideHeader]="true">

https://www.telerik.com/kendo-angular-ui-develop/components/grid/api/GridComponent/#toc-hideheader