在 Clarity DataGrid 中,如何更改整列的 text-align 属性?
In a Clarity DataGrid, how do I change the text-align property of the whole column?
数据网格中所有单元格的默认文本对齐方式为左对齐。我想将某些列更改为右对齐。我可以通过将 class "rj" 添加到 html 中的 clr-dg-cell,然后添加 body 网格中的单元格=23=]风格:
clr-dg-cell.rj {
text-align: right;
}
但是 header 列单元格中的文本对齐方式由 datagrid-column-title 元素上的 text-align 属性 控制。我无法覆盖它,因为它在优先的 'span' 中?有没有easier/better方法来控制整列的文本对齐方式?
@tony_h 可以通过在clr-dg-column中添加"rj" class,以及如下css样式:
::ng-deep .datagrid .datagrid-column.rj .datagrid-column-title {
text-align: right;
}
如果您只使用::ng-deep
,它将影响所有组件。在::ng-deep
开头添加:host
数据网格中所有单元格的默认文本对齐方式为左对齐。我想将某些列更改为右对齐。我可以通过将 class "rj" 添加到 html 中的 clr-dg-cell,然后添加 body 网格中的单元格=23=]风格:
clr-dg-cell.rj {
text-align: right;
}
但是 header 列单元格中的文本对齐方式由 datagrid-column-title 元素上的 text-align 属性 控制。我无法覆盖它,因为它在优先的 'span' 中?有没有easier/better方法来控制整列的文本对齐方式?
@tony_h 可以通过在clr-dg-column中添加"rj" class,以及如下css样式:
::ng-deep .datagrid .datagrid-column.rj .datagrid-column-title {
text-align: right;
}
如果您只使用::ng-deep
,它将影响所有组件。在::ng-deep
:host