如何在angular-ui-grid中的特定值上色？
如何在angular-ui-grid中的特定值上色？
提问于 2014-10-14 21:55:22
我试着在新的angular-ui-Grid3.0 rc12中根据行的值给它上色，但我还没能做到。以下代码用于在早期版本(NgGrid)中工作：
$scope.gridOptions =
data: 'data.sites'
tabIndex: -1
enableSorting: true
noTabInterference: true
enableColumnResizing: true
enableCellSelection: true
columnDefs: [
{field: 'sv_name', displayName: 'Nombre'}
{field: 'sv_code', displayName: 'Placa'}
{field: 'count', displayName: 'Cuenta'}
]
rowTemplate: """<div ng-class="{green: true, blue: row.getProperty('count') === 1}"
ng-repeat="col in colContainer.renderedColumns track by col.colDef.name"
class="ui-grid-cell"
ui-grid-cell></div>"""和相应的css：
.grid {
width: 100%;
height: 250px;
}
.green {
background-color: #2dff07;
color: #006400;
}
.blue {
background-color: #1fe0f0;
color: #153ff0;
}这里的问题是表达式：
row.getProperty('count') === 1不再像在ngGrid中那样工作。任何关于如何在angular-ui-grid (ui-grid.info)中达到同样效果的猜测
非常感谢!
回答 1
Stack Overflow用户
发布于 2016-02-21 09:36:10
您可以简单地使用特定的css类
.invalidated {
background-color: #f2dede !important;
}并在行模板div上添加ng-class，使用'invalidated‘字段或调用函数(示例在plnkr中)：
<div ng-class="{invalidated: row.entity.invalidated}"这是plunkr http://plnkr.co/edit/syuRZorj0nGq3B9p3U1h?p=preview
希望这能有所帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26362666
复制相关文章
相似问题