kendo-ui angular2 detailrow 宽度，html 和自动展开

Question

我已经玩了一段时间 kendo-ui angular 组件我创建了这个插件：

http://plnkr.co/edit/zrr3nlxQl7uxbdtH4oEA?p=preview

关于设置明细行的宽度我已经实现了css:

.detailRow{
  display: inline-block;
  word-wrap: break-word;
  word-break: break-all;
  max-width: 100px;
  white-space: normal;
}

和 html:

    <template kendoDetailTemplate let-dataItem>
      <section *ngIf="dataItem.Category">
        <article ><div class='detailRow'>{{dataItem.Category?.Description}}</div></article>
      </section>
    </template>

这是控制detailrow宽度的方法吗？
是否可以在详细信息行中呈现 html（显示粗体和斜体）？
是否可以在加载时自动展开每一行？

Answer 1

是的，在详细信息行内容上使用 width 可以很好地控制其宽度。
如果 Category.Description 字段包含 HTML，您可能需要使用 innerHTML 绑定来绑定它，如。请务必清理 HTML，否则 XSS 攻击可能会随之而来。
目前没有提供控制所有详细信息行的方法。这已被记录并可以跟踪 in the feature request in the kendo-angular2 repo。

kendo-ui angular2 detailrow 宽度，html 和自动展开

kendo-ui angular2 detailrow width, html and autoexpand

kendo-ui-angular2

angular