首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在用户界面网格中对特定值进行着色?

如何在用户界面网格中对特定值进行着色?

提问于 2018-01-29 00:23:56
回答 2关注 0查看 274

试图根据新的角度用户界面网格3.0 rc12中的值对一行进行着色

代码语言:txt
复制
$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:

代码语言:txt
复制
.grid {
  width: 100%;
  height: 250px;
}

.green {
  background-color: #2dff07;
  color: #006400;
}

.blue {
  background-color: #1fe0f0;
  color: #153ff0;
}

这里的问题是:

代码语言:txt
复制
row.getProperty('count') === 1

回答

和开发者交流更多问题细节吧,去 写回答
相关文章

相似问题

相关问答用户
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档