在Clarity DataGrid中,如何更改整列的text-align属性?

时间:2017-12-25 11:01:37

标签: javascript css datagrid vmware-clarity

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

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

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

1 个答案:

答案 0 :(得分:1)

@tony_h可以通过添加" rj"来完成。 class为clr-dg-column,以及以下css样式:

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