qtreewidgetitem 选中背景颜色_列表式报表阶梯背景色效果

一行一条数据的列表式报表,在页面上查看数据容易造成混乱,为了便于查看数据,通常会在页面上做些动态背景色,隔行异色的效果,还可以做下图这种阶梯式效果。

687dc8598646226d396081c5409e75a6.png

分析下这张表有什么规律,算上标题行的话,第一列数据区都是深灰色,第二列中第二行和第七行和第十五行都不是深灰色,行号取余 5 是 2 的都不是深灰色;第三列中第二、三行,第七、八行都不是深灰色,也就是行号取余 5 后,是 2 或是 3 的都不是深灰色,其他列也依次类推。

下面我以设计器下自带的订单表为例,来实现下上图的效果。

1. 选中 A2,设置背景色值,双击值那的颜色,弹出对话框,设置 RGB 值为 (205,205,205);

b18c16c87a2492ef296b426541e6f3eb.png

2. 选中 B2,设置背景色表达式,双击表达式那列,在弹出的对话框中设置表达式:if(row()==2 || row()%5==2,-394759,-3289651),其中 if 函数中的参数二,参数三对应的也是颜色值,颜色值是通过双击对话框中颜色弹出的框中选中回填到表达式中的。

318088b58f5f4040a50627d31d1dd635.png

C2 的背景色颜色设置和 B2 的设置方式相同,表达式具体为:if(row()%5==2 || row()%5==3,-394759,-3289651)。

D2 的背景色表达式为 if(row()%5==2 || row()%5==3 || row()%5==4,-394759,-3289651)。

E2 的背景色表达式为:if(row()%5==2 || row()%5==3 || row()%5==4 || row()%5==0,-394759,-3289651)。

3. 选中整个表格,然后将所有边框都颜色都设置为白色。

656dd7d1e940cc229424b212449cee53.png

bid 和 eid 这两个参数给定的默认值分别是 10248,10267,共 15 条订单数据。

8d4c526a5415dc70026e09c9d82fa71f.png


经过以上设置后,我们就可以预览时看到 3 个 5 层阶梯的效果了。

b7309df9ba062a34256c032b462b32bb.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值