Primeng: TurboTable can't use resize and scroll together

[aunkang]

I try to add [resizableColumns]="true" and pResizableColumn with
[scrollable]="true" scrollHeight="200px" but when i resize column only th of table that resize.

[cagataycivici]

You need to use a colgroup, please check out the documentation.

[winarg]

I've seen this error and can be reproduced in the following link
https://angular-9lvke9.stackblitz.io

[cagataycivici]

A colgroup is required to support resize + scroll.

[aunkang]

thanks

[shaikhspear16]

You mean Add Colspan?
Can you please tell me exactly what needs to be done to have column resize and scroll work. I have a demo here:
https://stackblitz.com/edit/github-tatj4e-zimyuu

[winarg]

Example based on stackblitz
<h3 class="first">Vertical</h3> <p-table [columns]="cols" [value]="cars1" [scrollable]="true" scrollHeight="200px" [resizableColumns]="true"> <ng-template pTemplate="colgroup" let-tableColumns> <colgroup> <col *ngFor="let col of tableColumns" > </colgroup> </ng-template> <ng-template pTemplate="header" let-columns> <tr> <th *ngFor="let col of columns" pResizableColumn> {{col.header}} </th> </tr> </ng-template> <ng-template pTemplate="body" let-rowData let-columns="columns"> <tr> <td *ngFor="let col of columns" class="ui-resizable-column"> {{rowData[col.field]}} </td> </tr> </ng-template> </p-table>