Angular SlickGrid 对齐标题文本

我正在使用角度SlickGrid并希望将列标题中的文本居中或右对齐。并非所有列都以相同的方式。

我发现，有一个headerCssClass列定义中的属性，但我一直尝试，这种样式似乎从未被应用。

对于列定义：

    {
        id: 'sourceNumber',
        name: 'SourceNumber',
        field: 'SourceNumber',
        sortable: true,
        width: 150,
        headerCssClass: 'text-right',
        cssClass: 'text-right'
    },

在 CSS 文件中：

    .text-right {
        text-align: right;
    }

它对于细胞内容物效果很好。但标题中的文本仍然左对齐。

我究竟做错了什么？

为了对齐网格单元，我通常使用为此目的创建的格式化程序alignCenter and alignRight（请参阅中的所有格式化程序格式化程序 - 维基 https://github.com/ghiscoding/Angular-Slickgrid/wiki/Formatters#list-of-provided-formatters），您也可以像您一样使用额外的 CSS 类。

如果你保留额外的 CSS 类，那么就会有一个额外的float: left on the .slick-column-name您可能必须取消的类，这可能是阻止（或取消）您的 CSS 的原因。但我必须说，它位于左侧是有原因的，将其移动到其他位置（尤其是右侧）并不理想，因为您可能会与标题菜单和排序图标发生冲突（如果您向右对齐，则肯定会发生冲突）

.slick-column-name {
  float: none;
}

另请注意列定义name属性也接受 HTML 代码（虽然可能没有记录），但即使如此，您可能也必须先取消浮动

this.columnDefinitions = [
  { id: 'firstName', field: 'firstName', name: '<span style="color: blue">First Name</span>' },
];

最后，您还应该查看所有 SASS 变量（也有 CSS 变量等效名称），您可以看到此中的所有变量_变量 https://github.com/ghiscoding/slickgrid-universal/blob/master/packages/common/src/styles/_variables.scss文件中，有很多可用的变量，但似乎不包含任何用于标题对齐的变量（我们将来可以为此添加变量），还有这个CSS 样式 - 维基百科 https://github.com/ghiscoding/Angular-Slickgrid/wiki/Styling有这方面的信息。

请注意，我是 Angular-Slickgrid 的作者