NGX-Datatable mit Angular 2 - Name der Wrap-Spalte

Question

Ich habe eine ngx-Datentabelle mit Angular 2, die sehr lange Spaltennamen hat. Ich möchte duplizieren, was sie mit Auto-Höhe für Reihe tun (Link to Documentation), aber würde sich damit begnügen, nur die wirklich langen Namen zu bekommen, um in mehrere Zeilen zu wickeln.

Normalerweise wäre dies kein Problem, aber mit meiner Neuheit zu Angular stecke ich fest. Normale Dinge wie Overflow-Wrap oder Word-Wrap scheinen nicht zu funktionieren. Jede Hilfe und/oder Beratung wäre willkommen. Vielen Dank!

Mein aktueller Code:

<div class="full-width"> 
    <ngx-datatable 
     class='material' 
     [rows]='rows' 
     [columns]="columns" 
     [columnMode]="'standard'" 
     [headerHeight]="150" 
     [footerHeight]="50" 
     [scrollbarH]="true" 
     [rowHeight]="'auto'" 
     > 
    </ngx-datatable> 
    </div> 

Answer 1

dies hat den Trick mit dem CSS Hinzufügen. Es zentrierte und verteilte die Spaltenüberschriften auch vertikal.

.ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell { 
    overflow: hidden !important; 
    text-overflow: ellipsis !important; 
    white-space: normal !important; 
    text-align: center !important; 
    vertical-align: middle !important; 
}