angular2-data-table中的复杂标头

时间:2016-10-21 17:20:37

标签: javascript angular datatables

我试图创建一个包含复杂标题(多行标题)的表格,如下所示:

complexheader 使用此处的angular-2-data-table库: https://github.com/swimlane/angular2-data-table

他们有一些名为"富有表现力的细胞模板"您可以在其中定义如下列:

 <datatable
    class="material"
    [rows]="rows"
    [options]="options">
    <datatable-column name="Name">
      <template let-column="column">
        Hi + {{column.name}}
      </template>
      <template let-value="value">
        Hi: <strong>{{value}}</strong>
      </template>
    </datatable-column>
    <datatable-column name="Gender">
      <template let-row="row" let-value="value">
        My name is: <i [innerHTML]="row['name']"></i> and <i>{{value}}</i>
        <div>{{joke}}</div>
      </template>
    </datatable-column>
  </datatable>

plnkr here

但似乎列名始终定义为文本,并且不清楚如何嵌套列名。在angular2-data-table中是否可以使用复杂的标题?它可以在常规数据表(https://datatables.net/examples/advanced_init/complex_header.html)中使用。

提前致谢!

0 个答案:

没有答案