PrimeNG Turbo Table cell text overflow problem

Question

When using Primeng table and set the table as scrollable the table should show the scrollbar and the text inside the cells should not be overflown. Instead this does not happen.

Check this example in Stackblitz and resize

Answer 1

To avoid the text overflow in the cell you can add css style for td

td{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

update : to show the overflow text in next line

td{
word-break:break-all
}

Answer 2

from primeNG ver 7 documents

Table Layout: . If you require cells to scale based on their contents set autoLayout property to true. Note that Scrollable and/or Resizable tables do not support auto layout due to technical reasons.

table doc