PrimeNG Turbo Table 单元格文本溢出问题答案

【问题标题】：PrimeNG Turbo Table cell text overflow problemPrimeNG Turbo Table 单元格文本溢出问题
【发布时间】：2018-11-29 23:46:03
【问题描述】：

当使用 Primeng 表格并将表格设置为可滚动时，表格应显示滚动条，并且单元格内的文本不应溢出。相反，这不会发生。

在Stackblitz 中查看此示例并调整大小

【问题讨论】：

【解决方案1】：

为避免单元格中的文本溢出，您可以为 td 添加 css 样式

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

更新：在下一行显示溢出文本

td{
word-break:break-all
}

【讨论】：

【解决方案2】：

来自 primeNG ver 7 文档

表格布局： .如果您需要单元格根据其内容进行缩放，请将 autoLayout 属性设置为 true。请注意，由于技术原因，可滚动和/或可调整大小的表格不支持自动布局。

【讨论】：