在 Clarity DataGrid 中，如何更改整列的 text-align 属性？答案

【问题标题】：In a Clarity DataGrid, how do I change the text-align property of the whole column?在 Clarity DataGrid 中，如何更改整列的 text-align 属性？
【发布时间】：2018-06-06 16:05:31
【问题描述】：

数据网格中所有单元格的默认文本对齐方式为左对齐。我想将一些列更改为右对齐。我可以通过向 html 中的 clr-dg-cell 添加一个类“rj”，然后添加一个 css 样式来对网格主体中的单元格执行此操作：

clr-dg-cell.rj {
  text-align: right;
}

但是，列标题单元格中的文本对齐方式由 datagrid-column-title 元素上的 text-align 属性控制。我不能覆盖它，因为它在优先的“跨度”内？是否有更简单/更好的方法来控制整列的文本对齐方式？

【问题讨论】：

标签： javascript css datagrid vmware-clarity

【解决方案1】：

@tony_h 可以通过在 clr-dg-column 中添加“rj”类来实现，css 样式如下：

::ng-deep .datagrid .datagrid-column.rj .datagrid-column-title {
  text-align: right;
}

【讨论】：

【解决方案2】：

如果您只使用::ng-deep，它将影响所有组件。在::ng-deep开头添加:host

【讨论】：