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

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

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

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

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

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

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. 选中整个表格，然后将所有边框都颜色都设置为白色。

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

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

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

css修改select选择框option被选中的背景颜色_这五个有用的 CSS 属性完全被我忽视了...
作者 | Desiré译者 | 苏本如,责编 | 郭芮头图 | CSDN 下载自视觉中国出品 | CSDN(ID:CSDNnews) 以下为译文: 各位网友,大家好!?今天,我想在这里和大家分享一些我 ...
修改 input checkbox(复选框) 选中的背景颜色 _@jie
在项目中遇到修改 input选中后的背景颜色实现效果如下图: 代码如下: 通过 after 伪类选择器实现 <style>input[type=checkbox] {cursor: ...
el-table 行背景颜色_使用HTML添加表格4（行颜色与表格嵌套）——零基础自学网页制作
行颜色设置的简便方法昨天我们在<使用HTML添加表格3(间距与颜色)--零基础自学网页制作>(目录在结尾)中学习了设置单元格以及其中内容的空间间距和背景颜色. 其中添加列向单元格背景颜色 ...
java面试换背景颜色_证件照换底色证件照换背景证件照背景颜色
很多人都不知道怎么让证件照换底色,如果单位要求要红底证件照,而你手里只有蓝底的,怎么办?下面小编就来教你,怎么给证件照换底色换背景颜色. 小美智能证照小程序可以在线拍摄制作证件照,还支持证件照换底色, ...
floatingactionbutton 更改背景颜色_经验分享！Word轻松换掉证件照背景颜色
生活中,我们入职或者办证都需要用到证件照,还有各种要求,例如需要红底.白底等等,因为要换个背景颜色,就要去重拍一张吗?当然不用,现在我们可以用word换证件照颜色,PS都免了,一起来看看操作方法吧. ...
python作图设置背景颜色_如何在matplotlib中设置绘图的外部背景颜色
敬礼我想更改matplotlib中绘图的外部颜色.我可以找到很多很多例子,如何改变内部背景颜色,但外部背景颜色拒绝改变.在图像的白色部分就是我所说的"外部"背景.最外面的颜色只 ...
letax 幻灯片背景颜色_如何在Google幻灯片中更改背景
letax 幻灯片背景颜色 You can use backgrounds on slides to spruce up your Google Slides project and help cap ...
css修改select选择框option被选中的背景颜色_这 16 个 CSS 伪类，助你提升布局效率！
作者:Chidume Nnamdi 译者:前端小智来源:mediuum 大家都说简历没项目写,我就帮大家找了一个项目,还附赠[搭建教程]. css 伪类是用于向某些选择器添加特殊的效果,是动态的,指 ...
tooltip trigger怎么改气泡的背景颜色_精装房这样改更完美，不砸墙不改电，低预算就能做到！...
买了精装房的人肯定以为可以当一回甩手掌柜,直接拎包入住爽歪歪. 收楼的时候,爽是真的爽,不过是酸爽的爽.(笑不出来?) 死板又老气的猪肝色大门/地板? 只会让客厅显得更窄的波打线地砖? 各种浮夸背景墙 ...

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

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

最新文章

热门文章