Für diejenigen noch nicht gefunden hat, eine gute Lösung:
/* Rotate the header*/
.slick-column-name {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 0px 0px;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
margin-top: 90px !important;
font-size: 0.8em;
display: block;
}
/* set the header height*/
.slick-header-columns, .slick-header-column {
height: 100px !important;
background-image: url('');
}
Die obige CSS dreht den Header-Namen, und bewegt ihn nach unten 90px, es dem Header 100px in der Höhe sein Größen. Sie können die 90px und 100px auf was auch immer Sie wollen ändern.
Es ist wahrscheinlich aufgrund der CSS 'Anzeige' Regel. Wenn diese Bereiche auf "display: block" gesetzt werden, sollte die Rotation funktionieren. – idbehold