Table of contents
在这篇文章中,你将学习如何在Outlook中有条件地格式化表格。 我将告诉你如何更新单元格文本的油漆 和背景 用你从下拉列表中选择的颜色。
准备工作
在我们开始我们的 "绘画课 "和学习如何在Outlook中有条件地格式化表格之前,我想对我们的Outlook应用程序做一个小小的介绍,即共享电子邮件模板。 有了这个方便的工具,你将在Outlook中快速和轻松地管理你的信件,就像你以前只能想象的那样。 这个插件将帮助你避免重复的复制粘贴,并在短时间内创建漂亮的邮件。只需点击几下。
现在是时候回到我们的主题--Outlook表格中的条件格式化。 换句话说,我将告诉你如何将单元格、其边框和内容染成所需的颜色。 首先,确保你记得如何在Outlook中创建表格。
由于我将根据我从下拉列表中选择的色调给单元格着色,我需要再做一个预先安排。 如果你还记得我的关于如何创建可填充电子邮件模板的教程,你知道下拉列表是在数据集的帮助下创建的。 如果你觉得你已经忘记了如何管理数据集,花点时间更新一下你在这个主题上的知识,让我们继续。
现在我需要预先保存一个数据集,其中包含我将要使用的颜色(我把它称为 有折扣的数据集 )并加入 哪些人可以进入 所以,这里是我的数据集。
折扣 | 颜色代码 |
10% | #70AD47 |
15% | #475496 |
20% | #FF0000 |
25% | #2E75B5 |
如果你想知道从哪里获得这些代码,只要创建一个空表,进入其 财产 你会在相应的字段中看到它的代码,请随时从那里复制它。
我创建了WHAT_TO_ENTER宏,并将其连接到这个数据集,因为我以后会需要它。
~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title: Select discount'}]这个小宏将帮助我获得折扣下拉选择。 一旦我这样做,我的表格的必要部分就会被画出来。
我知道现在看起来很不清楚,所以我不会给你留下这种误解,而是开始展示如何改变文本的颜色或突出显示一个单元格。 我将使用基本的样本,这样你就可以得到概念,并在你自己的数据中复制这个程序。
让我们开始吧。
改变表格中文本的字体颜色
让我们从为表格中的一些文本着色开始。 我已经准备了一个模板,其中有一个样本表格,供我们的绘画实验使用。
我的目标是根据下拉选择将文本涂成相应的颜色。 换句话说,我想粘贴一个模板,从下拉列表中选择必要的折扣率,这个粘贴的文本将被着色。 用什么颜色? 向上滚动到准备部分的数据集,你会看到每个折扣率都有自己的颜色代码。 这就是所需的颜色,应该被用过的。
由于我想从下拉列表中添加折扣,我需要在这个单元格中粘贴WhatToEnter宏。 感觉你需要复习一下这方面的知识? 花点时间看看我以前的一个教程吧;)
因此,产生的表格将看起来像这样。
页眉样本1 | 页眉样本2 | 页眉样本3 |
~%WhatToEnter[ {dataset:'Dataset with discounts', column:'Discount', title:'Select discount'}] discount |
看,折扣率将从下拉列表中添加,而且 "折扣 "一词无论如何都会出现。
但我如何设置模板,使文字被涂成相应的颜色呢? 其实很简单,我只需要稍微更新一下模板的HTML。 让我们完成理论部分,直接进入实践。
给表格单元格中的所有文本着色
首先,我打开我的模板的HTML代码,仔细检查。
下面是我的模板在HTML中的样子。
注:接下来,我将把所有的HTML代码以文本形式发布,这样你就可以把它们复制到你自己的模板中,并按你想要的方式修改。
让我们仔细看看上面的HTML。 第一行是表格边框的属性(样式、宽度、颜色等)。 然后是第一行
我对第二行的第一个元素与我的WHAT_TO_ENTER感兴趣。 着色将通过添加以下代码完成。
着色的文本(text_to_be_colored我将为你分成几块,逐一说明。
- ǞǞǞ 颜色 参数处理绘画。 如果你把它替换成,比方说,"红色",这个文本就会变成红色。 然而,由于我的任务是从下拉列表中选择一个颜色,我先回到准备工作中去,把我准备的 哪些人可以进入 从那里的宏观。 ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title: 选择折扣'}]
- 着色的文本(text_to_be_colored 是需要着色的文本。 在我的特定例子中,它将是" ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] discount "(直接从原始HTML代码中复制这一段,以避免数据损坏)。
下面是我将在我的HTML中插入的新代码。
注意:你可能已经注意到,这两个宏中的 "列 "参数是不同的。 这是因为我需要从不同的列中返回值,即 列:'颜色代码' 将返回绘制文本的颜色,而 列:'折扣' - 粘贴在一个单元格中的贴现率。
一个新的问题出现了--我应该把它放在HTML的什么地方? 一般来说,这个文本应该取代 text_to_be_colored. 在我的例子中,这将是第一列(
一旦我保存修改并粘贴这个更新的模板,一个弹出的窗口会要求我选择一个折扣。 我选择了10%,我的文字马上就被染成了绿色。
遮盖细胞的部分内容
只给单元格的部分内容上色的逻辑基本相同--你只用上一章的代码替换要上色的文本,其余文本保持原样。
在这个例子中,如果我只需要给百分比上色(不包括 "折扣 "一词),我会打开HTML代码,选择不需要上色的部分(在我们的例子中是 "折扣"),然后把它移出标签。
如果你从一开始就做着色准备,只需记住,未来的彩色文字要代替 着色的文本(text_to_be_colored 这里是我更新的HTML。
看到了吗,我只把单元格的部分内容放在标签里,因此在粘贴时只有这部分内容会被着色。
对表格单元格应用条件格式化
现在,让我们稍微改变一下任务,尝试在同一个样本表中不是突出文本而是突出整个单元格的背景。
突出一个单元格
由于我修改的是同一个表格,我就不重复了,把原来的表格的HTML代码也粘贴在本章中。 向上滚动一下或直接跳到本教程的第一个例子,就可以看到未着色的表格的不变代码。
如果我想给打折的单元格背景上色,也需要对HTML进行一些修改,但修改的内容与文字上色不同。 主要区别在于,颜色不应该应用于文字,而是应用于整个单元格。
要被强调的单元格在HTML格式中看起来就是这样。
由于我想高亮显示一个单元格,修改应该应用于单元格属性,而不是文本。 我将把上面这一行分成几个部分,逐一说明,并指出需要修改的部分。
- "style="" 意味着该行的单元格具有以下样式属性。 这就是我们的第一个突破口。 由于我要设置一个自定义的背景颜色,我改变了 风格 至 数据集式 .
- "width: 32.2925%; border: 1px solid black;" - 这些是我上面所说的默认样式属性。 我需要添加另一个属性来定制所选单元格的背景。 背景色 由于我的目标是从一个下拉列表中选择要使用的颜色,我回到我的准备工作,并从那里采取准备好的WhatToEnter。
提示:如果你想让单元格涂成一种颜色,又不想让下拉列表每次都打扰你,只要用颜色名称(例如 "蓝色")替换一个宏就可以了。 它看起来就像这样。 ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] discount
- " ~%WhatToEnter[] 折扣 "是该单元格的内容。
因此,这里是更新的HTML外观。
表格的其他部分保持原样。 下面是产生的HTML,它将突出显示带有百分比率的单元格。
当我保存这一变化并将更新的表格粘贴到电子邮件中时,我将得到带有折扣的下拉列表,并且第一个单元格将按计划突出显示。
为整行着色
当一个单元格不够用时,我就画整行:) 你可能认为你需要对一行中的所有单元格应用上面一节中的步骤。 我会急着让你失望,程序会有一点不同。
在上面的说明中,我已经向你展示了如何更新单元格的背景,修改这个单元格的HTML片断。 由于现在我将要重新绘制整个行,我需要把它的HTML线,直接应用于修改。
现在它是无选项的,看起来像 . 我需要添加 data-set-style= 然后把我的WHAT_TO_ENTER粘贴到那里。 在结果中,这一行将看起来像下面这样。
因此,带有待画单元格的表格的整个HTML将看起来像这样。
请自由复制这个HTML,用于你自己的模板,以确保它按照我描述的方式工作。 或者,请相信下面的截图 :)
总结
这就是我今天想告诉你的关于Outlook表格中的条件格式化的全部内容。 我向你展示了如何改变单元格内容的颜色和突出它们的背景。 希望我能够说服你,在修改模板的HTML方面没有什么特别和困难,你会自己进行一些绘画实验;)
顺便说一下,该工具可以从微软商店安装到你的PC、Mac或Windows平板电脑上,并同时在你的所有设备上使用。
如果你有任何问题,或者,关于表格格式的建议,请在评论中告诉我。 我很高兴收到你的回复