Ag Grid 单元格渲染器

Question

I am using singe Ag Grid Cell Renderer, in different screens. Now i want to add different styles on on one of the screen for cell renderer value based on condition. How to apply styles dynamically in such case?

Answer 1

try this:

columns= [
{

 headerName: 'Employee'
 field : 'emp'
 colId : 'emp'

},
{

 headerName: 'Role'
 field : 'role'
 colId : 'role'

}
]

in Cell Renderer Component

export class CellRendererComponent implements ICellRendererAngularComp {
  public params: any;

  constructor() {}

  agInit(params) {

   this.params = params;

  }

}

in HTML file

<div>
<span class="customClass" *ngIf="params.colDef.colId === 'emp'">{{params.data}}</span>
<span class="customClassforRole" *ngIf="params.colDef.colId === 'role'">{{params.data}}</span>
</div>

For Reference: link