PrimeNg TurboTable colgroup динамический colspan - PullRequest
Новая
       75

PrimeNg TurboTable colgroup динамический colspan

0 голосов
/ 17 мая 2018

Как назначить переменную для свойства colboan TurboTable ColGroup. 

<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 с атрибутом colspan таблицы p.

Ответы [ 2 ]

0 голосов
/ 19 мая 2018

Как вы обнаружили, вы можете изменить colspan на [attr.colspan].

Другое решение - изменить colspan на [colSpan].

См. Этоответ для более глубокого объяснения

0 голосов
/ 17 мая 2018

Я думаю, я нашел ответ сам.Мы можем установить свойство [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>
...