Ag 网格柱样式

Question

我在我的一个项目中使用 AG Grid。我想根据一个单元格值设置 Ag 网格中整个列的样式。目前我正在使用

cellStyle:params =>{
    if (params.value == "STRING1"){return {backgroundColor: 'lightgreen'}}
}

给出的结果是第一张图片。第一张图片

但我排除像第二张图片那样的输出第二张图片

我排除像第二张图片那样的输出第二张图片

Answer 1

您正在寻找

getRowStyle

，它根据条件设置整行的样式

<ag-grid-angular [getRowStyle]="getStyles"></ag-grid-angular>

在 TS 文件中

...
getStyles(params: any) {
  if (params?.node?.data?.['<<give the property name that you need to check here!>>'] === "STRING1") {
     return {backgroundColor: 'lightgreen'}
  }
  return {};
};
...

Aggrid 文档参考