Angular8 如何使用角度中的Ag Grid根据列值组向行添加颜色?

Angular8 如何使用角度中的Ag Grid根据列值组向行添加颜色?,angular8,ag-grid,ag-grid-angular,Angular8,Ag Grid,Ag Grid Angular,我需要根据列值组为行添加颜色,如下所示,在屏幕截图中使用AG Grid in angular。我不想在这里使用行组功能。我想为值Test1添加一种颜色,为值Test2添加不同的颜色。这些值可以是动态的。谁能告诉我如何实现它? 我使用的是Ag网格版本22 如果我理解正确,那么您希望根据网格第2列中的值为行着色。为此,你可以做如下的事情 gridOptions.rowClassRules: { 'green': 'data.Column2 == "Test1"',

我需要根据列值组为行添加颜色,如下所示,在屏幕截图中使用AG Grid in angular。我不想在这里使用行组功能。我想为值Test1添加一种颜色,为值Test2添加不同的颜色。这些值可以是动态的。谁能告诉我如何实现它? 我使用的是Ag网格版本22


如果我理解正确,那么您希望根据网格第2列中的值为行着色。为此,你可以做如下的事情

gridOptions.rowClassRules: {
    'green': 'data.Column2 == "Test1"',
    'amber': 'data.Column2 == "Test2"',
    'red': 'data.Column2 == "Test3"'
}

如果td tagI无法访问td,请使用ng,因为这是ag网格功能!表格、列和数据将由Ag网格组件生成。请使用Ag-Grid.Hi中的功能,谢谢更新。我检查了CellStyle,但他们正在根据一些值应用颜色。我有动态值,如Test1、Test2、Test3等。我应该能够基于这些值动态应用颜色,而无需硬编码。@n您可以在“基于参数的值”中指定条件来为该单元格着色,否则您可以使用该条件为完整的行HI着色,感谢您的解决方案。我无法设置这些条件,因为像Test1、Test2这样的值是动态的。它们可以是300个值中的任意一个。明白了!但你必须在某个地方定义逻辑,对吗?我想他想要不同的颜色来表示所有的唯一值。可能可以在地图中添加值/颜色,如果值已经在地图中,则稍后重用颜色,否则使用新颜色i agree@JaqenH'ghar。这就是我要说的,他需要把一种查找/映射逻辑放在某个地方,函数可以根据单元格值返回颜色值。
gridOptions.getRowClass = getRowClass;
}

function getRowClass(params){
  switch(params.data.Column2){
    case 'Test1':
    return 'green1';
    case 'Test2':
    return 'green2';
    case 'Test3':
    return 'green3';
    case 'Test4':
    return 'red';
    ..
    ..
    default:
    return '';
   }
}