根据其他节点的条件或行值动态更改 AG 网格上一个单元格样式

Posted 2023-03-28

【中文标题】根据其他节点的条件或行值动态更改 AG 网格上一个单元格样式

【英文标题】：Change AG grid previous cellStyle dynamically based on condition of other nodes or row value

【发布时间】：2019-03-18 20:20:30

【问题描述】：

我可以根据当前节点的某些条件更改当前的 cellStyle。但我必须根据当前节点中的某些条件更改前一个 cellStyle。

columnDefs = [
                headerName: "TripStatus", field: "TripStatusCode",cellStyle: this.cellStyling,    
             ]

调用下面的方法动态改变样式

cellStyling(params:any)  
       // This will change the current cell style only. But I need to change the style of immediate previous cell style. 
       if(params.node.TripStatusCode==='CO')   
       return 'background-color': 'red';
  

【问题讨论】：

如果你加个plunker，我会尽量给你指出红色的方向

【参考方案1】：

查看cellClassRules

cellClassRules = 
   'your-css-class': params => 
      if (params.colDef.field === "myCurrentField" &&
          params.data["previousField"] === "value") 
         return true;
       else 
         return false;
      
   ,
   'your-other-css-class': params => return false

您可以根据需要定义任意数量的类规则，只需用逗号分隔，函数应返回真/假。