PrimeNG Datatable Spalte Text überlappt mit anderen Spalten

Question

Ich habe Datatable Excel wie Filter wie in der PrimeNG-Dokumentation angegeben implementiert. Um Filterdialog sichtbar Ich muß liefern Überlauf style-Attribut so sichtbar wie unten angegeben

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

Wegen ‚Überlauf‘ machen: ‚sichtbar‘ Stil Spaltentext wird über Spaltenrand und überlappend mit anderen Spalten Text. Meine Anforderung ist, den Text in Spalten zu "schneiden". Bitte lassen Sie mich wissen, wie ich das erreichen kann.

Wenn ich Überlauf geben, wie versteckte Spalte Text abgeschnitten wird, aber der Filterdialog wird nicht angezeigt.

Hinweis: Implementierung Zeilenumbruch wie unten angegeben wird, um die Wörter in Spalte brechen nicht mit anderen Spalten zu überlappen, aber ich muss es Clip nach meiner Anforderung

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

Answer 1

Sie haben den Überlauf zu setzen: versteckt nur in den Detailzeilen. Die beste Lösung besteht darin, eine CSS-Klasse festzulegen, die nur die Kopfzeile mit dem Attribut overflow: visible betrifft, andernfalls wird sie auch auf die Detailzeilen vererbt. Eine andere mögliche Lösung ist, den Stil zu entfernen und zu überprüfen, was passiert