PrimeNg V13.4.1, adding frozenColumns Dynamically using frozen columns property is not working

[rajakpv]

PrimeNg V13.4.1, adding frozen Columns Dynamically using frozen columns property is not working (not showing columns added to frozencolumns property). do we need to provide any additional information or property to be filled for showing frozen columns.

table definition as follows

<p-table
#dt
[columns]="cols"
[frozenColumns]="frozencols"
[value]="[{}]"
[autoLayout]="true"
[paginator]="true"
[rows]="5"
[showCurrentPageReport]="true"
currentPageReportTemplate="{first} - {last} de {totalRecords} Registros"
selectionMode="single"
scrollDirection="both"
[scrollable]="true"
[rowsPerPageOptions]="[5, 10, 20]"
styleClass="p-datatable-sm p-datatable-gridlines"
>
<ng-template pTemplate="header" let-columns let-row="rowIndex">
<tr>
<th
*ngFor="let col of cols"
[pSortableColumn]="col.field"
class="text-center"
>
{{ col.header }}
<p-sortIcon [field]="col.field"></p-sortIcon>
</th>
</tr>
</ng-template>
</p-table>

this.cols = [
{ field: 'test2', header: 'Test2' },
{ field: 'test3', header: 'Test3' },
{ field: 'test4', header: 'Test4' },
{ field: 'test5', header: 'Test5' },
{ field: 'test6', header: 'Test6' },
];
this.frozen = [ { field: 'test1', header: 'Test1' },];

Thanks for your help