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;
}