Цвет строки на основе свойства данных в Угловом UI-Grid

Question

Я работаю над Угловой UI-сеткой. У меня есть сценарий, в котором мне нужно изменить цвет ячейки сетки, используя значение данных.

В приведенной выше строки сетки, которые окрашены сделаны на основе столбца данных. Я получаю столбец в моей сетке, так как BG_COLOR мне нужно изменить цвет строки на основе этого.

Answer 1

Я думаю, что поле вы хотите cellClass. Есть еще один вопрос, который показывает один из способов его использования здесь.

look here

Вы также можете попробовать использовать CellTemplate настроить свой собственный шаблон для как сделать ячейку.

Answer 2

Вы можете использовать шаблон строки, как это:

function rowTemplate() { 
    return '<div ng-class="{\'ui-grid-row-bg-red\':row.entity.isError" >' + 
       '<div ng-repeat="(colRenderIndex, col) in colContainer.renderedColumns track by col.colDef.name" class="ui-grid-cell" ng-class="{ \'ui-grid-row-header-cell\': col.isRowHeader}" ui-grid-cell></div>' + 
      '</div>'; 
    } 

А затем определить пользовательский интерфейс сетки-строки-BG-красный в CSS:

.gridStyle .ui-grid-row-bg-red .ui-grid-cell { 
    background-color: #872f2f; 
    color: #fff; 
}