angularjs – 基于条件的角度ui网格行模板颜色

发布时间：2020-12-17 18:01:48 所属栏目：安全来源：网络整理

导读：我需要根据某些条件改变角度ui网格的行颜色. 如图所示,目标在ng-grid中实现 rowTemplate: 'div style="height: 100%" ng-class="{red: row.getProperty('viewed') 1}"div ng-style="{ 'cursor': row.cursor }" ng-repeat="col in renderedColumns" ng-clas

我需要根据某些条件改变角度ui网格的行颜色.
如图所示,目标在ng-grid中实现

rowTemplate: '<div style="height: 100%" ng-class="{red: row.getProperty('viewed') < 1}"><div ng-style="{ 'cursor': row.cursor }" ng-repeat="col in renderedColumns" ng-class="col.colIndex()" class="ngCell ">' +
             '<div class="ngVerticalBar" ng-style="{height: rowHeight}" ng-class="{ ngVerticalBarVisible: !$last }"> </div>' +
            '<div ng-cell></div>' +
            '</div></div>',

如何在角度ui网格中实现相同

解决方法

我认为在ng-grid和ui-grid中,你都可以使用

cellTemplate: '<div style="height: 100%" ng-class="{red: row.getProperty('viewed') < 1}"><div ng-style="{'cursor': row.cursor}" ng-repeat="col in renderedColumns" ng-class="col.colIndex()" class="ngCell ">' +
         '<div class="ngVerticalBar" ng-style="{height: rowHeight}" ng-class="{ngVerticalBarVisible: !$last}"> </div>' +
        '<div ng-cell></div>' +
        '</div></div>',

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!