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

Question

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

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

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

Answer 1

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

Answer 2

@tony_h 可以通过将“rj”类添加到 clr-dg-column 以及以下 css 样式来完成：

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