center - SlickGridの列ヘッダーのテキストを中央に配置する方法は?

Question

列ヘッダーのテキストを中央に配置する方法はありますか?これを行う方法または変更する必要がある ccs はありますか?

Answer 1

cssに次のスタイルを追加します。

.slick-header-column {
   text-align: center;
}

Answer 2

すべての列ヘッダーを同じ方法で整列させたくない場合は、次のように、列定義headerCssClassの属性を介して個々の css クラスを定義することもできます。

var columns = [
    {id: "title", name: "Title", field: "title", headerCssClass: 'text'},
    {id: "price", name: "Price", field: "price", headerCssClass: 'currency'}
];

と：

.slick-header-column.currency {
    text-align: center;
}