关于elementUI的table组件展示不同颜色的背景色

返回数据如下:

  "data": [

        {

            "cityName": "济南",

            "cityCode": "370100",

            "cityData": [

                {

                    "parameterId": "10000",

                    "parameterName": "烷烃(全VOCs)",

                    "parameterColor": [   

                       { level: "3", value: 113 },

                      { level: "4", value: 152 },               

                    ],                   

                }

            ]

        },

根据level设置不同颜色,

cellStyle({ row, column, rowIndex, columnIndex }) {

//把每一行的索引放进row

if (columnIndex == 0) {

return;

}

// console.log(row);

let level = row.cityData[0].parameterData[columnIndex - 1].level;

return "colorcal" + level;

}

css如下:

你可能感兴趣的:(关于elementUI的table组件展示不同颜色的背景色)