首页 文章

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

提问于
浏览
0

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

任何帮助将不胜感激谢谢

1 回答

  • 1

    由于Clarity没有新添加的行的概念,因此您需要自己添加该概念 . 每条记录都可以有 isNewshowHighlight 属性,允许您添加一个突出显示它的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>
    

相关问题