html - 突出显示 clr-datagrid 中新添加的行

Question

我在我的项目中使用了清晰 UI，我遇到了一个问题，我想选择当前添加到 clr-datagrid 表中的行。我使用了 clr-DgSelected 指令，它给了我一个选择复选框，我不需要，如果我使用 [(clrDgSingleSelected)]="selectedUser" 这会给我一个单选选项，它让我可以选择选中单选选项的特定列，但问题不在于单选按钮或复选框我只是想突出显示新添加的行我如何实现这一点。

任何帮助将不胜感激谢谢

Answer 1

由于 Clarity 没有新添加行的概念，因此您需要自己添加该概念。每条记录都可以有一个isNeworshowHighlight属性，允许您添加一个 CSS 类来突出显示它

<clr-dg-row *ngFor="let user of users" [class.highlight]="user.isNew">
    <clr-dg-cell>{{user.id}}</clr-dg-cell>
    <clr-dg-cell>{{user.name}}</clr-dg-cell>
    <clr-dg-cell>{{user.creation | date}}</clr-dg-cell>
    <clr-dg-cell>{{user.color}}</clr-dg-cell>
</clr-dg-row>