agGrid表格对同列不同数据添加不同背景色

最新推荐文章于 2024-07-26 18:50:05 发布

漂亮得皮皮

最新推荐文章于 2024-07-26 18:50:05 发布

阅读量3.3k

点赞数 2

文章标签： agGrid

本文链接：https://blog.csdn.net/weixin_36706903/article/details/86747993

版权

此环境就是js,没用vue react

展示：

//在cellRenderer回调里可以嵌入自己对某标签得操作
cellRenderer: (params) => {
    if (colDef.headerName=='剧目名称'&&this.data.parentTableId== "8174_vZhJu4jY8yfZpVTjkmsrhF"&&this.data.total>0) {
    if (myValue&&myValue=='三个和尚') {
        color = 'rgba(255,0,0,0.5)';
    }
    else {
        color='rgba(0,128,0,0.5)'
    }
    bgStyle = ' style = "display: block;padding: 0 8px;height: 100%;color:#fff;background:' + color + ';text-align:' + textAline + ';"';
    sHtml = '<span' + bgStyle + '>' + params.value + '</span>';
   }
   return sHtml 
}