zoukankan      html  css  js  c++  java
  • 单元格颜色公式之明细数据项隔行底纹

    难度等级2,适用于需要美化表单的用户

    1明细表遇到的问题

    明细表如果列很多的话,在阅读时很容易串行。如果增加隔行底纹,可以便于用户看清内容。

    一般我们会使用单元格背景颜色来美化表单,但对于明细表,由于可以自动扩展,普通的方法在此就不适用了。
    ecell中有个单元格颜色公式,可以在运行时动态改变单元格颜色。使用它我们可以变通的实现隔行底纹功能。


    2首先介绍一下单元格颜色公式
    颜色公式,是以某个单元格的值为条件,动态的改变本单元格的背景颜色或字体颜色。每个单元格可以设置一个字体公式、一个背景颜色公式。另外单元格颜色公式与数值计算公式(取数公式、cell公式等)不冲突。但目前颜色公式在一个表单中之支持16个(重复的算1个,如下面的公式在好几个单元格内使用,只算一个),以后会做升级扩充
    如:如果有一个单元格显示考试分数,那么我们可以使用如下公式:if(A1<60, RGB(255,0,0), RGB(0,0,0))来将不够60分的学生醒目的标识出来。

    单元格颜色公式之明细数据项隔行底纹 - martian - Martian s  Blog

    3再来分析下如何实现隔行底纹
    既然颜色公式可以使用参数来设置,只要可以找到区分出行与行的方法来就能实现。刚好cell公式row()可以取得所在行的行号


    4下面开始动手
    因为明细表的取数函数要定义在明细表的首行,所以选中明细第一行的全部单元格

    单元格颜色公式之明细数据项隔行底纹 - martian - Martian s  Blog

    在颜色公式设置对话框中,设置公式if(mod(row(),2)=0, RGB(255,0,0), RGB(255,255,255))(目前单元格颜色公式里面只能手工输入公式,不能使用公式向导)

    单元格颜色公式之明细数据项隔行底纹 - martian - Martian s  Blog


    5web端运行效果

    单元格颜色公式之明细数据项隔行底纹 - martian - Martian s  Blog

    6单元格颜色对应表

    RGB()公式是将红绿蓝转换为颜色值的,三个参数分别是红、绿、蓝。

    如果我们想得到红色就用RGB(255,0,0)、绿色RGB(0,255,0)、蓝色RGB(0,0,255)

    更多组合见下表

    单元格颜色公式之明细数据项隔行底纹 - martian - Martian s  Blog

  • 相关阅读:
    SDN课程阅读作业(2)
    2019 SDN上机第5次作业
    第01组 Alpha事后诸葛亮
    Windows 7 64位安装cURL
    html 空白汉字占位符&#12288;
    申请一个免费美国手机号码
    搭建网站需要学习什么(转自知乎)
    Eclipse 项目有红感叹号
    CSS字体大小之em,px,百分比
    题目1013:开门人和关门人
  • 原文地址:https://www.cnblogs.com/martian6125/p/9631148.html
Copyright © 2011-2022 走看看