为何MS-SQL生成的HTML表格经DB Mail发送后样式渲染不一致？

这个问题我太熟悉了——Gmail的邮件客户端对CSS类的支持一直很苛刻，内嵌的样式类经常会被它的邮件过滤机制忽略或者重置，这就是你明明给所有数字单元格加了inkclass类，却还是对齐乱掉的原因。下面给你几个靠谱的解决方案，亲测有效：

1. 替换CSS类为行内样式 #

Gmail对行内样式的支持远比内嵌CSS类可靠，所以直接把text-align:right;写到每个<td>标签里就行。比如把原来的：

<td class="inkclass">10</td>

改成：

<td style="text-align:right;">10</td>

2. 修改SQL查询生成带行内样式的HTML #

如果是通过@query参数让DB Mail自动生成HTML结果，那你需要调整查询语句，让它输出带行内样式的单元格。举个具体的例子：

假设你原来的查询是这样生成单元格的：

SELECT 
  'Group' AS [Group],
  '<td class="inkclass">' + CAST(Units AS VARCHAR) + '</td>' AS Units,
  '<td class="inkclass">' + CAST(SellingExcl AS VARCHAR) + '</td>' AS [Selling Excl.]
  -- 其他列类似
FROM YourTable

把它改成直接输出带行内样式的<td>，同时用FORMAT函数统一数字格式：

SELECT 
  'Group' AS [Group],
  '<td style="text-align:right;">' + FORMAT(Units, 'N0') + '</td>' AS Units,
  '<td style="text-align:right;">' + FORMAT(SellingExcl, 'N2') + '</td>' AS [Selling Excl.],
  '<td style="text-align:right;">' + FORMAT(CostValue, 'N2') + '</td>' AS [Cost Value],
  '<td style="text-align:right;">' + FORMAT(GPValue, 'N2') + '</td>' AS [GP Value],
  '<td style="text-align:right;">' + FORMAT(GPPercent, 'N2') + '</td>' AS [GP %],
  '<td style="text-align:right;">' + FORMAT(SellingIncl, 'N2') + '</td>' AS [Selling Incl.],
  '<td style="text-align:right;">' + FORMAT(BudgetValue, 'N2') + '</td>' AS [Budget Value],
  '<td style="text-align:right;">' + FORMAT(BudgetPercent, 'N2') + '</td>' AS [Budget %]
FROM YourTable

3. 用XML拼接完整HTML避免格式破坏 #

DB Mail有时候会对查询结果做额外的转义或换行处理，导致HTML结构错乱。可以用FOR XML PATH直接拼接完整的HTML字符串，再传给DB Mail：

DECLARE @htmlContent NVARCHAR(MAX);

SET @htmlContent = N'<html><body>
  <h3>Company Name</h3>
  <table border="1" style="border-collapse: collapse;">
    <tr>
      <th>Group</th>
      <th style="text-align:right;">Units</th>
      <th style="text-align:right;">Selling Excl.</th>
      <th style="text-align:right;">Cost Value</th>
      <th style="text-align:right;">GP Value</th>
      <th style="text-align:right;">GP %</th>
      <th style="text-align:right;">Selling Incl.</th>
      <th style="text-align:right;">Budget Value</th>
      <th style="text-align:right;">Budget %</th>
    </tr>' +
    (SELECT 
       [Group] AS [td],
       '<td style="text-align:right;">' + FORMAT(Units, 'N0') + '</td>',
       '<td style="text-align:right;">' + FORMAT(SellingExcl, 'N2') + '</td>',
       '<td style="text-align:right;">' + FORMAT(CostValue, 'N2') + '</td>',
       '<td style="text-align:right;">' + FORMAT(GPValue, 'N2') + '</td>',
       '<td style="text-align:right;">' + FORMAT(GPPercent, 'N2') + '</td>',
       '<td style="text-align:right;">' + FORMAT(SellingIncl, 'N2') + '</td>',
       '<td style="text-align:right;">' + FORMAT(BudgetValue, 'N2') + '</td>',
       '<td style="text-align:right;">' + FORMAT(BudgetPercent, 'N2') + '</td>'
     FROM YourTable
     FOR XML PATH('tr'), ELEMENTS) +
    N'</table></body></html>';

EXEC msdb.dbo.sp_send_dbmail 
  @profile_name = 'such-and-such',
  @recipients = 'xyz@gmail.com;',
  @subject = 'whatever',
  @body = @htmlContent,
  @body_format = 'html';

这样做的好处是完全控制HTML结构，避免DB Mail自动修改格式，同时表头也加上了右对齐样式，和内容单元格保持统一。

最后验证 #

发送测试邮件到Gmail后，你会发现所有数字单元格的右对齐样式完全一致了——毕竟行内样式是Gmail最认可的样式写法，几乎不会被过滤。

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