在Angular中动态更改HTML表结构

时间:2018-09-06 09:02:54

标签: html angular data-structures html-table treetable

我正在研究一个复杂的tree table,其简化结构将是

<p-treeTable [value]="files">
    <ng-template pTemplate="header">
        <tr>
            <th>Name</th>
            <th>Size</th>
            <th>Type</th>
        </tr>
    </ng-template>
    <ng-template pTemplate="body" let-rowNode let-rowData="rowData">
        <tr>
            <td>
                <p-treeTableToggler [rowNode]="rowNode"></p-treeTableToggler>
                {{rowData.name}}
            </td>
            <td>{{rowData.size}}</td>
            <td>{{rowData.type}}</td>
        </tr>
    </ng-template>
</p-treeTable>
  

在这种情况下,所有行都绑定到 Name Size Type   属性。

我确实有一些行不能满足所有这些属性,而具有诸如 Header Position Subtotal 之类的其他行。

应从辅助列表 [value] =“ files_second” 中读取数据。 这些行应集成在现有行之间,并且不应更改表的当前结构,仅更改它们所在的行。

  

我可以对同一行中的这些行进行一些单独的处理吗?   treeTable?

0 个答案:

没有答案