PrimeNG 数据表列文本与其他列重叠答案

【问题标题】：PrimeNG datatable column text overlapping with other columnsPrimeNG 数据表列文本与其他列重叠
【发布时间】：2017-10-03 15:10:22
【问题描述】：

我已经按照 PrimeNG 文档中给出的示例实现了类似过滤器的数据表 excel。为了使过滤器对话框可见，我必须提供如下所示的溢出样式属性

<p-column *ngFor="let col of propsTableCols" [field]="col.field" 
[header]="col.header" [filter]="true" filterMatchMode="in" [sortable]="true"
[style]="{'overflow':'visible'}">

由于 'overflow':'visible' 样式的列文本超出列边界并与其他列文本重叠。我的要求是“剪辑”列中的文本。请让我知道如何实现这一目标。

如果我在隐藏列文本被剪切但过滤器对话框未显示时溢出。

注意：如下所示实施自动换行是打破列中的单词不与其他列重叠，但我需要根据我的要求对其进行剪辑

.ui-datatable thead th {
word-wrap: break-word;
}

【问题讨论】：

标签： angular primeng

【解决方案1】：

您必须设置溢出：仅在详细信息行中隐藏。最好的解决方案是设置一个仅影响具有溢出：可见属性的标题的css类，否则它将被继承到详细信息行。另一种可能的解决方案是删除样式并检查会发生什么

【讨论】：