<ng-template pTemplate="header" let-columns>
    <tr>
        <th *ngIf="needsCheckboxHeader" [attr.rowspan]="rowspan" style="width: 3em"><p-tableHeaderCheckbox></p-tableHeaderCheckbox></th>
        <ng-container *ngTemplateOutlet="customHeaderTemplateName"></ng-container>
    </tr>
</ng-template>

<ng-template #customColumnHeaders>
<th *ngFor="let column of columns" class="text-align-center" [style.width]="column.width" pResizableColumn>
        {{column.header}}
</th>
<th *ngFor="let item of items" style="width: 150px;">
    <div>
        {{ item }}
    </div>
</th>

<div style="margin-top:20px;">
    <grid-object [columnsKeys]="gridColumns" [value]="data" [needsCheckboxHeader]="true" [rowspan]="1" [customHeaderTemplateName]="customColumnHeaders">
    </grid-object>
</div>