小编teb*_*nep的帖子

如何在angular-ui-grid中对特定值进行着色?

我试图根据它在新的angular-ui-grid 3.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>"""
Run Code Online (Sandbox Code Playgroud)

和相应的CSS:

.grid {
  width: 100%;
  height: 250px;
}

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

.blue {
  background-color: #1fe0f0;
  color: #153ff0;
}
Run Code Online (Sandbox Code Playgroud)

这里的问题是表达式:

row.getProperty('count') === 1
Run Code Online (Sandbox Code Playgroud)

不再像在ngGrid中那样工作了.任何关于如何在angular-ui-grid中实现相同的猜测(ui-grid.info)

非常感谢!

html javascript css angularjs angular-ui-grid

19
推荐指数
3
解决办法
5万
查看次数

标签 统计

angular-ui-grid ×1

angularjs ×1

css ×1

html ×1

javascript ×1