2021-07-28

AgGridReact数据转化

• • 1.定义表格数据 (cellRenderer)
  • 2.转化方法

1.定义表格数据 (cellRenderer)

// 列头定义
 columnDefs: [
                {
                    headerName: "状态",
                    field: "AAA",
                    cellRenderer:this.ChangeCellColor, 
                },
            ],
// 数据定义
 rowData: [
                {TextState:"text_1"},
                {TextState:"text_2"},
                {TextState:"text_3"},
                ]

2.转化方法

// 转化方法逻辑
  ChangeCellColor(params) {
        if (params.value === "text_1") {
            return (
                '<span style="color: ' +
                '#2CAC5D' +
                '">' +
                params.value +
                '</span>'
            );
        }
        else if (params.value === "text_2") {
            return (
                '<span style="color: ' +
                'red' +
                '">' +
                params.value +
                '</span>'
            );
        }
    }

标签：定义,07,text,28,value,TextState,params,2021,cellRenderer
来源： https://blog.csdn.net/qq_42785654/article/details/119179878