HTML表格自动对齐失效求助：求优化表格结构方案

原代码存在的问题： #

• 表头Interface Name对应的<th>标签语法错误：width="20%""多了一个双引号，导致HTML解析异常，破坏表格布局。
• 数据行未使用<tr>和<td>标签包裹列内容，直接拼接文本，导致表格结构完全错误，内容无法按列对齐。
• 缺少「失败流程数」和「未触发流程数」的数值填充，表格列数不匹配。

修正后的代码： #

SET @tableHTML =  
    N'<H1>Anaplan Summary Report </H1>' +  
    N'<table border="1" style="border-collapse: collapse; width: 100%;">' +  
    N'<tr>' +
    N'<th width="20%" style="text-align: center; padding: 8px;">Date</th>' +  
    N'<th width="20%" style="text-align: center; padding: 8px;"><font color="black">Interface Name</font></th>' +
    N'<th width="20%" style="text-align: center; padding: 8px;"><font color="black">Successful</font></th>' +  
    N'<th width="20%" style="text-align: center; padding: 8px;"><font color="red">No of Failed Process</font></th>' +  
    N'<th width="20%" style="text-align: center; padding: 8px;"><font color="red">Process not triggered</font></th>' + 
    N'</tr>' +  
    N'<tr>' +
    N'<td style="text-align: center; padding: 8px;">' + CONVERT(NVARCHAR(10), GETDATE(), 101) + N'</td>' +
    N'<td style="text-align: center; padding: 8px;">Anaplan</td>' +
    N'<td style="text-align: center; padding: 8px;">' + CAST(@total_pass_count AS NVARCHAR(MAX)) + N'</td>' +
    N'<td style="text-align: center; padding: 8px;">' + CAST(@total_fail_count AS NVARCHAR(MAX)) + N'</td>' + -- 替换为实际失败数变量
    N'<td style="text-align: center; padding: 8px;">' + CAST(@total_not_triggered_count AS NVARCHAR(MAX)) + N'</td>' + -- 替换为实际未触发数变量
    N'</tr>' +
    N'</table>'

修改说明： #

1. 修复了表头的双引号语法错误，确保HTML标签解析正常。
2. 用<tr>和<td>正确构建数据行，每个数据对应一个单元格，保证表格结构完整。
3. 添加了内联样式：border-collapse: collapse合并表格边框，text-align: center让单元格内容居中对齐，padding: 8px增加内边距提升可读性。
4. 补充了缺失的两列数据，确保表头和数据列数一致。

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