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

问题描述:

我已经实施了数据表excel类似于PrimeNG文档中给出的示例过滤器。为了使过滤器对话框中看到我必须提供溢出样式属性为可见下面PrimeNG数据表列文本与其他列重叠

<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; 
} 

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