Outlook桌面端为何无法按预期渲染HTML表格的colgroup高亮列？

问题原因 #

Windows版本的Outlook桌面端采用Microsoft Word的排版引擎渲染HTML内容，该引擎对<colgroup>、<col>标签的样式支持度极低，不支持通过给<col>设置背景色属性实现列高亮，这就是你的代码在浏览器正常、Outlook失效的核心原因。

适配方案 #

你测试的直接给对应单元格加bgcolor属性的方案是目前适配Outlook最稳妥的实现方式，针对你动态高亮列的需求，可按以下逻辑实现：

• 提前定义好需要高亮的列索引（比如你示例里需要高亮的是第1、6、7、10、11列，索引起始值根据你的表格生成逻辑调整即可）
• 动态生成表格每行的<th>、<td>单元格时，判断当前单元格所属的列是否在高亮索引列表内，是就给单元格加上bgcolor="#FFFF00"属性
• 优先使用原生的bgcolor属性，比在style里写background-color的Outlook兼容性更好

注意事项 #

不要尝试用CSS的:nth-child等选择器批量给列加样式，Outlook对这类CSS选择器的支持度同样很差，无法生效。

内容的提问来源于stack exchange，提问作者user13363086