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

时间:2016-12-25 19:51:30

标签: angular primeng

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

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

1 个答案:

答案 0 :(得分:2)

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