如何在处理节点时在ag-Grid中设置单元格样式？

Question

ag-Grid提供了一种使用cellStyle修改单元格样式的机制。

但是，我想在处理节点时更改单元格的颜色。我知道我想改变颜色的确切节点。

有没有办法做到这一点？

Answer 1

最简单的解决方案是使用单元格渲染功能：

// put the value in bold
colDef.cellRenderer = function(params) {
    return '<b>' + params.value.toUpperCase() + '</b>';
}

您可以根据节点的值应用样式 - 这将在params参数中提供

Answer 2

在column属性中使用cellStyle或cellClass或cellClass并返回

 var colDef = {name: 'Dynamic Styles', field' 'field2', cellStyle: cellStyling}

function cellStyling(params){
    if(true){
        return {'background-color':''};
    } else {
        return {'color': '#9B9999' ,'background-color':'#E8E2E1'};
    }
 }

根据您的评论，代码可以像 -

一样使用

 $scope.gridOptions.api.forEachNode(function(node){
    for(var j=0;j<node.gridOptionsWrapper.columnController.allDisplayedColumns.length;j++){
    if(node.gridOptionsWrapper.columnController.allDisplayedColumns[j].colDef.headerName==="column Name"){
            node.gridOptionsWrapper.columnController.allDisplayedColumns[j].colDef.cellStyle = {apply style};
    }
  }
}