angular - PrimeNG 数据表列文本与其他列重叠

Question

我已经按照 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;
}

Answer 1

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