각도 ui-grid 행 배경색을 사용자 정의하는 방법은 무엇입니까?

Question

조건에 따라 각도 ui-grid 행의 배경색을 변경하려고합니다. 따라서 riskValue가 1이면 빨간색으로 만들고 값이 2이면 배경색이 노란색이어야합니다. 이 작업을 수행하는 쉬운 방법은 무엇입니까? 당신은 gridOptions.cellClass

cellClass: function(grid, row, col, rowRenderIndex, colRenderIndex) { 
    if (row.entity.riskValue === 1) 
     return 'red'; 
    if (row.entity.riskValue === 2) 
     return 'yellow'; 
} 

red 및 yellow는 CSS 클래스입니다

을 사용할 수 있습니다

config.js

"columnDefs": [{ 
     "name": "Ticket Number", 
     "field": "ticketNum", 
     "width": 120 
    }, 
    { 
     "name": "Asset Id ", 
     "field": "assetID", 
     "width": 100 
    }, 
    { 
     "name": "Severity", 
     "field": "severity", 
     "width": 100 
    }, 
    { 
     "name": "Risk Index", 
     "field": "riskIndex", 
     "width": 100 
    }, 
    { 
     "name": "Risk Val", 
     "field": "riskValue", 
     "cellTemplate": "<div ng-if=\"row.entity.Comments_Col1 != 'none'\" title={{row.entity.riskValue}} \" ><div style='white-space:nowrap;border-bottom: 1px solid red !important; height:100%;width:100%;'>{{row.entity.riskValue}}</div></div>", 
     "sort": { 
      "direction": "aesc", 
      "priority": 0 
     }, 
     "width": 100, 
     "visible": false 
    } 
], 

Answer 1

.

이 메서드는 모든 columnDefs에 함수를 추가해야하지만 배경색이 변경된 일부 열만 선택할 수 있습니다.

샘플 : http://plnkr.co/edit/Xie68a3sT9CXTdCuI3tq?p=preview

의