kendo-ui angular2 detailrow寬度，html和自動展開

Question

我已經使用kendo-ui角度組件玩了一段時間，並且創建了這個插件：

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>

1. 這是控制detailrow寬度的方法嗎？

2. 是否可以在detailrow中呈現html（以粗體和斜體顯示）？

3. 是否可以在加載時自動展開每一行？

Answer 1

1. 是的，可以在明細行內容上使用width來控制其寬度。
2. 如果Category.Description字段包含HTML，則可能需要使用innerHTML綁定對其進行綁定，如該線程所示 。 確保清理HTML，否則可能會發生XSS攻擊。
3. 目前沒有提供用於控制所有明細行的方法。 這已經記錄下來，可以在kendo-angular2 repo的功能請求中進行跟蹤。