我可以根据标题内容设置kendo-grid-column的宽度大小吗?

时间:2018-09-19 18:48:20

标签: kendo-ui kendo-grid angular6

我有一个正在构建的Angular 6应用程序,并且正在使用kendo-grid来处理一些表数据。一切工作都很好,除了列标题“太长”并且在我的桌面上被切成省略号。有没有办法包装标题文本或使列宽基于列标题文本。我可以固定宽度,但是我想避免这样做。

1 个答案:

答案 0 :(得分:1)

您可以通过CSS覆盖默认样式来包装内容,例如:

encapsulation: ViewEncapsulation.None,
styles: [`
  .k-grid .k-header {
    white-space: normal;

  }
`]

EXAMPLE

...或在渲染网格后使用autoFitColumns()方法:

EXAMPLE