概要

在某些情况下,我们需要根据记录数据,返回不同的行背景色。比如 学生成绩小于60分时,我们显示为红色。

解决办法

在列表定义时,我们定义一个

rowClassName 函数方法

参数

参数 说明
record 表示行记录
index 表示行的索引

示例:

rowClassName(record,index){
    if(record.F_NAME=="华为"){
            return "skyblue";
    }
    else if(record.F_NAME=="小米"){
        return "orange";
    }
}

在这里我们在 rx-grid 预定义了一些样式。

样式 说明
red 红色
green 绿色
gold 金色
darkred 暗红色
orange 桔黄色
blue 蓝色
skyblue 天蓝色

效果:

文档更新时间: 2021-09-24 23:22   作者:zyg