2016-12-25 73 views
3

我已經實施了數據表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; 
} 

回答

1

您必須設置溢出:隱藏僅在詳細行中。最好的解決方案是設置一個隻影響具有overflow:visible屬性的頭文件的CSS類,否則它將被繼承到詳細信息行。 另一個可能的解決方案是刪除樣式並檢查會發生什麼