将内容放在Clear DataGrid单元格中

Question

我有一个带有图标的简单清晰度数据网格。

<clr-datagrid>
    <clr-dg-column>Severity</clr-dg-column>
    <clr-dg-row *clrDgItems="let alert of alerts; let i = index [clrDgItem]="item">
           <clr-dg-cell>
              <clr-icon id="severity-error" shape="minus-circle" class="is-solid"></clr-icon>
           </clr-dg-cell>
    </clr-dg-row>
</clr-datagrid>

如何将图标居中放置在单元格中？

Answer 1

您需要在<clr-dg-cell>单元格标记中添加样式。

<clr-dg-cell style="text-align: center;">
    <clr-icon id="severity-error" shape="minus-circle" class="is-solid"></clr-icon>
</clr-dg-cell>

Answer 2

您可以在style.css中尝试

clr-dg-cell {
text-align: center;
}

OR

您可以使用内联CSS

<clr-dg-cell style="text-align: center;">
    < your content>
</clr-dg-cell>