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

标签 css angular responsive-design primeng primeng-turbotable

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

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

最佳答案

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

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

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

td{
word-break:break-all
}

result

关于css - PrimeNG Turbo Table单元格文本溢出问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52401182/

相关文章:

css - 在 magento 中将 css 添加到仅来自 xml 的主页

html - 如何完全删除 HTML/css 中文本框的边距

javascript - 将 NodeJS 后端代码添加到基于 Angular 种子的项目

css - Sass 和四舍五入的数字。这个可以配置吗?

html - 固定拉伸(stretch)背景图像

Jquery 可排序,在上面,在旁边或下面

html - CSS 3 列布局在大屏幕宽度下折叠

html - 响应式导航栏以 Angular 重叠在内容上

angular 5,将配置数据传递给导入的子模块

css - 我如何使用 CSS Header Logo Swap 进行响应式 UI 的转换