为什么 outlook 桌面渲染 html 不是预期的？

Question

为什么 outlook 桌面版不呈现这些突出显示的列？不太熟悉 HTML/CSS 所以有点迷茫。这显示在我的网络浏览器中，并带有突出显示的列。我的理解是渲染引擎支持 colgroup，所以我不确定我缺少什么。谢谢

<table>
   <colgroup>
      <col style="background-color:#FFFF00">
      <col>
      <col>
      <col>
      <col>
      <col style="background-color:#FFFF00">
      <col style="background-color:#FFFF00">
      <col>
      <col>
      <col style="background-color:#FFFF00">
      <col style="background-color:#FFFF00">
      <col>
   </colgroup>
   <thead>
      <tr>
         <th>Pro Number</th>
         <th>Date</th>
         <th>Est Delivery Date</th>
         <th>Origin</th>
         <th>Destination</th>
         <th>Terms</th>
         <th>Total A/R</th>
         <th>Responsible Account</th>
         <th>Responsible Customer</th>
         <th>Responsible Name</th>
         <th>Responsible Risk Code</th>
         <th>Responsible Analyst</th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td>123456789</td>
         <td>2021-11-24</td>
         <td>2021-11-29</td>
         <td>LOU</td>
         <td>CIN</td>
         <td>Collect</td>
         <td>1000</td>
         <td>1</td>
         <td>1</td>
         <td>Sample Customer</td>
         <td>CASH ONLY - NO BUSINESS ALLOWED</td>
         <td>Sample Analyst</td>
      </tr>

 
   </tbody>
</table>

编辑：我在没有 col 和 colgroup 的情况下尝试过，这很有效。只需要能够通过动态更改每一行的 table 来做到这一点。

<table>

   <thead>
      <tr>
         <th>Pro Number</th>
         <th>Date</th>
         <th>Est Delivery Date</th>
         <th>Origin</th>
         <th>Destination</th>
         <th>Terms</th>
         <th>Total A/R</th>
         <th>Responsible Account</th>
         <th>Responsible Customer</th>
         <th>Responsible Name</th>
         <th>Responsible Risk Code</th>
         <th>Responsible Analyst</th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td bgcolor="#FFFF00">123456789</td>
         <td>2021-11-24</td>
         <td>2021-11-29</td>
         <td>LOU</td>
         <td>CIN</td>
         <td bgcolor="#FFFF00">Collect</td>
         <td bgcolor="#FFFF00">1000</td>
         <td>1</td>
         <td>1</td>
         <td bgcolor="#FFFF00">Sample Customer</td>
         <td bgcolor="#FFFF00">CASH ONLY - NO BUSINESS ALLOWED</td>
         <td>Sample Analyst</td>
      </tr>

 
   </tbody>
</table>

Answer 1

我不得不满足于突出显示 headers。 Outlook 桌面使用旧的渲染引擎，它似乎只适用于内联 css

         <th  style="background-color:#FFFF00">Pro Number</th>
         <th>Date</th>
         <th>Est Delivery Date</th>
         <th>Origin</th>
         <th>Destination</th>
         <th  style="background-color:#FFFF00">Terms</th>
         <th  style="background-color:#FFFF00">Total A/R</th>
         <th>Responsible Account</th>
         <th>Responsible Customer</th>
         <th  style="background-color:#FFFF00">Responsible Name</th>
         <th  style="background-color:#FFFF00">Responsible Risk Code</th>
         <th>Responsible Analyst</th>

为什么 outlook 桌面渲染 html 不是预期的？

why isn't outlook desktop rendering html as intended?

html

css

outlook

power-automate