Создание 2 столбцов в p-dataTable с использованием * ngFor, Angular 5

Question

Я хочу динамически создать столбец заголовка, который будет разделен на 2 подзаголовка.Если у меня есть 4 заголовка, он должен создать 8 подзаголовков.Но когда я применяю * ngFor в столбце подзаголовка, я получаю только один из подзаголовков.Есть ли способ создать подзаголовки, используя заголовки * ngFor?

Фрагмент кода:

<p-headerColumnGroup>
    <p-row>
        <p-column *ngFor="let col of body" [header]="someValue" [style]="{'width':'180px'}">
        </p-column>
    </p-row>

    <p-row>
        <p-column *ngFor="let col of body" [style]="{'width':'90px'}">
            <ng-template pTemplate="sub-header">
                Activation
            </ng-template>
            <ng-template pTemplate="sub-header">
                Ratio
            </ng-template>
        </p-column>
    </p-row>