Javascript 剑道UI角度-柱标题隐藏在带有锁定柱的细节网格中

使用主详图格线，并且详图格线中至少有一个锁定列，详图格线列的标题将消失（锁定列的标题除外）

看起来.k-grid-header>.k-grid-header-wrap元素的宽度计算不正确

注意：如果所有列最初都适合网格的宽度，则标题是可见的，并且似乎按照预期工作

有关更多详细信息，请参见此

@Component({
    providers: [CategoriesService],
    selector: 'my-app',
    template: `
      <kendo-grid
          [data]="view | async"
          [pageSize]="pageSize"
          [skip]="skip"
          [sortable]="true"
          [sort]="sort"
          [pageable]="true"
          [height]="550"
          (dataStateChange)="dataStateChange($event)"
        >
        <kendo-grid-column field="CategoryID" width="100"></kendo-grid-column>
        <kendo-grid-column field="CategoryName" width="200" title="Category Name"></kendo-grid-column>
        <kendo-grid-column field="Description" [sortable]="false">
        </kendo-grid-column>
        <div *kendoGridDetailTemplate="let dataItem">
            <category-details [category]="dataItem"></category-details>
        </div>
      </kendo-grid>
  `
})

@Component({
    selector: 'category-details',
    providers: [ProductsService],
    template: `
      <kendo-grid
          [data]="view | async"
          [pageSize]="5"
          [skip]="skip"
          [pageable]="true"
          [scrollable]="'scrollable'"
          (pageChange)="pageChange($event)"
        >
      <kendo-grid-column field="ProductID" title="Product ID" width="250" [locked]="true">
      </kendo-grid-column>
      <kendo-grid-column field="ProductName" title="Product Name" width="250">
      </kendo-grid-column>
      <kendo-grid-column field="UnitPrice" title="Unit Price" format="{0:c}" width="250">
      </kendo-grid-column>
      </kendo-grid>
  `
})

@组件({
提供者：[分类服务]，
选择器：“我的应用程序”，
模板：`
`
})
@组成部分({
选择器：“类别详细信息”，
提供者：[ProductsService]，
模板：`
`
})

---

发生这种情况是因为k-grid-header-wrap元素在初始负载时的宽度为0px。此宽度由剑道使用Javascript设置为内联样式。调整窗口、框架/拆分器或网格的大小似乎可以解决此问题，并可能为您提供一种解决方法。如果您可以访问网格的剑道源代码，您可以通过搜索k-grid-header-wrap来跟踪bug

---

我怀疑这是一个剑道bug，应该记录在剑道的GitHub问题跟踪器上。

我也在剑道的问题跟踪器上发了一篇帖子，但想看看SO社区中是否有人以前解决过这个问题。请参考相应的问题？有人解决了这个问题吗？