PrimeNg truncate cell content in scrollable table - primeng

Question

I need to create a scrollable table setting the fixed width of each column. I tried to set [scrollable]="true" scrollDirection="horizontal" and to fix the width for each column but it's not shown correctly. The number of columns is not fixed so I can't use percentage width. I'm trying in this way:
<p-table [value]="result" [columns]="columns" [(selection)]="selectedResults"
[scrollable]="true">
<ng-template pTemplate="header" let-columns>
<tr>
<th style="min-width: 50px; max-width: 50px;">
<p-tableHeaderCheckbox></p-tableHeaderCheckbox>
</th>
<ng-template ngFor let-col [ngForOf]="columns">
<th style="min-width: 120px; max-width: 120px;">
<span class="label-ellipsis">{{col.header | translate}}</span>
</th>
</ng-template>
</tr>
</ng-template>
<ng-template pTemplate="body" let-rowData>
<tr [pSelectableRow]="rowData">
<td style="min-width: 50px; max-width: 50px;">
<p-tableCheckbox [value]="rowData"></p-tableCheckbox>
</td>
<ng-template ngFor let-col [ngForOf]="columns">
<span class="label-ellipsis">{{rowData[col.field]}}</span>
</ng-template>
</tr>
</ng-template>
</p-table>
My first question is: is the right way to set column width? Is it necessary to use min-width and max-width?
css class is:
label-ellipsis {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
The problem is that css ruls works for table header but not for cell. The overflow hiddens the cell content, so the result is:
I found various solutions that suggest to use resizable column but I need to set fixed width. Is there a way to truncate the content of the cell?