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

【问题标题】：Highlight the newly added row in clr-datagrid突出显示 clr-datagrid 中新添加的行
【发布时间】：2018-01-14 05:34:31
【问题描述】：

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

任何帮助将不胜感激谢谢您

【问题讨论】：

Clarity 的数据网格没有“添加”行的特定选项，那么“新添加”是什么意思？您能否发布一个您正在尝试做的事情的示例，也许是在一个 plunker 上？因为照原样，如果没有任何上下文，您的问题很难回答。
没有代码的问题很难提供帮助。您可能需要自己管理它，方法是在要显示为突出显示的每条记录上添加一个自定义属性，并在 HTML 中添加一个 css 到 clr-dg-row如果记录需要它。

标签： html datagrid angular5 vmware-clarity

【解决方案1】：

由于 Clarity 没有新添加行的概念，因此您需要自己添加该概念。每条记录都可以有一个 isNew 或 showHighlight 属性，允许您添加一个 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>

【讨论】：