我正在使用 Angular 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 和 alignRight（请参阅 Formatters - Wiki 中的所有格式化程序），您也可以像您一样使用额外的 CSS 类。
如果您保留额外的 CSS 类，那么在 .slick-column-name 类上还有一个额外的 float: left，您可能必须取消它，这可能是阻止（或取消）您的 CSS 的原因。但是我必须说，它在左侧是有原因的，将它移动到不同的位置（尤其是在右侧）并不理想，因为您可能会与标题菜单和排序图标冲突（您肯定会正确对齐）
.slick-column-name {
float: none;
}
还要注意，列定义name 属性也接受 HTML 代码（虽然它可能没有记录），但即便如此，您也可能必须先取消浮动
this.columnDefinitions = [
{ id: 'firstName', field: 'firstName', name: '<span style="color: blue">First Name</span>' },
];
最后，你还应该看看所有的 SASS 变量（它们也有等效的 CSS 变量名称），你可以看到这个 _variables 文件中的所有变量，有很多可用的变量，但它没有似乎包含任何用于标题对齐的内容（我们将来可以为此添加变量），还有这个CSS Styling - Wiki 有这方面的信息。
请注意，我是 Angular-Slickgrid 的作者
【讨论】：