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

我按照PrimeNG文档中给出的示例实现了像datatable一样的过滤器.要使过滤器对话框可见,我必须提供溢出样式属性,如下所示

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

由于’溢出’:’可见’样式列文本超出列边框并与其他列文本重叠.我的要求是在列中“剪切”文本.请让我知道如何实现这一目标.

如果我提供溢出,因为隐藏的列文本被剪切但过滤器对话框没有显示.

注意:
实现下面给出的自动换行是打破列中的单词不要与其他列重叠,但我需要按照我的要求剪辑它

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

最佳答案 您必须设置溢出:仅隐藏在详细信息行中.最好的解决方案是设置一个css类,它只影响带有overflow:visible属性的头,否则它也将继承到详细信息行.

另一种可能的解决方案是删除样式并检查发生了什么

点赞