angular5 - PrimeNg TurboTable colgroup 动态 colspan

Question

如何将变量分配给primeng TurboTable ColGroup colspan 属性。

<ng-template pTemplate="header">
    <tr>
        <th rowspan="3">Brand</th>
        <th colspan="4">Sale Rate</th>
    </tr>
    <tr>
        <th colspan="colSpanCount">Sales</th>
        <th colspan="2">Profits</th>
    </tr>
    <tr>
        <th>Last Year</th>
        <th>This Year</th>
        <th>Last Year</th>
        <th>This Year</th>
    </tr>
</ng-template>

在上面的示例中，我想将 colSpanCount 变量绑定到 p-table 的 colspan 属性。

Answer 1

我想，我自己已经找到了答案。我们可以设置 [attr.colspan]="colSpanCount" 属性来动态设置 colspan。

<ng-template pTemplate="header">
    <tr>
        <th rowspan="3">Brand</th>
        <th colspan="4">Sale Rate</th>
    </tr>
    <tr>
        <th [attr.colspan]="colSpanCount">Sales</th>
        <th colspan="2">Profits</th>
    </tr>
    <tr>
        <th>Last Year</th>
        <th>This Year</th>
        <th>Last Year</th>
        <th>This Year</th>
    </tr>
</ng-template>

Answer 2

正如您所发现的，您可以更改colspan为[attr.colspan].

另一种解决方案是更改colspan为[colSpan].

请参阅此答案以获得更深入的解释