Wie umbringe ich die Header-Spalte in Slickgrids

Question

Ich habe vor kurzem begonnen, mit Slickgrids zu arbeiten. Also viele und viele Zweifel. Wie kann die Spaltenüberschriften in slickgrids wordwrap

Answer 1

Ich löste diese bearbeite 2 css tags:

In slick-default-theme.css:

.slick-header-columns { 
    white-space: pre !important; 
    height: 45px; 
} 

Die height hier ist an Ihre Bedürfnisse anpassbar. Das war gut, um 3 Zeilen anzuzeigen.

In slick.grid.css, ändern Sie die height Einstellungen auf den folgenden Tag 100%:

.slick-header-column.ui-state-default { 
    ... 
    height: 100%; 
    ... 
} 

hoffe, das hilft!

Answer 2

FWIW, der Autor von Slick Gitter beantwortet diese Frage hier: https://github.com/mleibman/SlickGrid/issues/61

Answer 3

ich eine benutzerdefinierte CSS-Klasse erstellt aktivieren/deaktivieren Sie die Funktionalität:

.slickgrid-word-wrap .slick-cell { 
    white-space: normal; 
    overflow: auto; 
} 

Und dann auf meinem div Behälter:

<div id="my-grid" 
    class="slickgrid-word-wrap"></div> 

Und Sie können immer noch die Höhe der Zeile in der SlickGrid-Konfiguration wie folgt festlegen:

var options = { 
      editable: false, 
      enableCellNavigation: false, 
      autoExpandColumns: false, 
      forceFitColumns: false, 
      showFooterRow: false, 
      explicitInitialization: true, 
      multiColumnSort: false, 
      rowHeight: 50 // <--- here 
     };