小区样式的{AG网格动态颜色值

Question

Ag grid column definition


 columnDefs = [
                    { headerName: "Status", field: "statusCode", cellStyle: {'background-color': 'green'}}, }

                ]

而不是硬编码颜色，而不是来自服务器。

columnDefs = [
            {  headerName: "Status", field: "statusCode", cellStyle: {'background-color': ['colorVal']}}, }

        ]

colorVal 的值将为红色或绿色，但上述语法无效。

这是我设置为ag-grid的rowData的json。

 {"statusCode":101,"colorVal":green}

我可以设置使用或使用this.gridOptions。 ？

Answer 1

@Basavaraj感谢您的提示。

columnDefs = [
                        { headerName: "Status", field: "statusCode",cellStyle: this.cellStyling},

                ]

调用此方法以动态显示样式

cellStyling(params:any){     
       return {'background-color': params.data.colourCode};
  }

Answer 2

试试这个

let data= {"statusCode":101,"colorVal":green}

columnDefs = [
        {  headerName: "Status", field: "statusCode", cellStyle: {'background-color': data.colorVal}}, }
    ]

此处let是一个局部变量，您必须在方法范围内使用它

PS： - 评论太长，所以将此作为答案发布。