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

时间:2018-09-19 08:13:57

标签: css angular responsive-design primeng primeng-turbotable

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

Stackblitz中检查此示例并调整大小

2 个答案:

答案 0 :(得分:3)

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
}

result

答案 1 :(得分:0)

来自primeNG ver 7文档

  

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

table doc