如何实现隔行变色

凯特-刘泽鹏

在样式编辑器中定义相关样式信息

1. /*颜色变红*/
   
2.    .row-sys-red .x-grid-cell{
   
3.        background-color: red !important;
   
4.        color:black;
   
5.    }
   
6.    .func-row-sys-red{
   
7.        color: red;
   
8.    }
   
9.    .row-sys-red .x-grid-cell-inner-row-numberer{
   
10.        color: black;
    
11.    }
    
12.    /*颜色变绿*/
    
13.    .row-sys-green .x-grid-cell{
    
14.    background-color: green !important;
    
15.        color:black;
    
16.    }
    
17.    .func-row-sys-green{
    
18.        color: red;
    
19.    }
    
20.    .row-sys-green .x-grid-cell-inner-row-numberer{
    
21.        color: black;
    
22.    }

复制代码

注册列表渲染前事件,如果年龄大于30就将数据变成红色反之则是绿色,下面是实现效果和实现代码