Question

我在项目中使用了清晰度UI，我遇到了一个问题，我想选择当前添加到clr-datagrid表的行。我使用了clr-DgSelected指令，它给了我一个选择我不需要的复选框，如果我使用[（clrDgSingleSelected）] =“selectedUser”这将给我一个无线电选项，它允许我选中已选中无线电选项的特定列，但问题不是单选按钮或复选框我只是想突出显示新添加的行如何实现这一点。

任何帮助将不胜感激谢谢

Answer 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>

突出显示clr-datagrid

1 个答案: