javascript - slickgridヘッダーのテキストを垂直方向に揃える方法があります

Question

これを使用して、いくつかのヘッダーを2行にラップしました。

.slick-column-name { white-space: normal; }

.slick-header-column.ui-state-default{ height:30px; vertical-align:middle;}

ただし、単一行ヘッダーはセルの上に残ります。これらの「単一行」ヘッダーを垂直方向に中央に揃える方法はありますか？

Answer 1

このように気になりましたか：

.slick-column-name { white-space: normal; display: table-cell; vertical-align:middle; height: 100px; background: red;  }

.slick-header-column.ui-state-default{ height:30px; line-height:30px; }

ここにデモがあります：http：//jsfiddle.net/xJUMv/

Answer 2

これにより、垂直方向の中央揃えが強制されます

.slick-cell:after {
    height: 100%; content: ""; vertical-align: middle; display: inline-block; width: 0;
}