表格数据(图表)不显示在基于浏览器的电子邮件客户端中

时间:2016-08-09 18:03:07

标签: html email debugging html-email email-client

外部供应商为我们的组织制作了一个模板,用于专有的crm。问题是我们的用户想要包括大型表(如包含表格数据的图表)发送给我们的客户。在石蕊中测试代码时,似乎基于浏览器的客户端只是部分或全部删除这些表。我们猜测是因为它们的宽度超过了600px(有时它们的宽度超过1200px)。但是在包含的示例中,宽度小于600px,并且仍然省略了表。任何建议表示赞赏。此外,如果有人对如何在移动环境中处理如此大的表格提出任何建议,那就太棒了。

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border: none;">
<tbody>
<tr>
<td style="width: 100px; padding: 8px;" valign="top" >
<strong>&nbsp;Commitment</strong>
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
<strong>&nbsp;</strong>
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
<strong>&nbsp;Expected Date</strong>
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
<strong>&nbsp;Monthly Donation</strong>
</td>
</tr>
<tr>
<td style="width: 100px; padding: 8px;" valign="top" >
Name B McNamename
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
Name A McNamename&nbsp;
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
Wednesday, April 8, 2008&nbsp;
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
&nbsp;100,000.00
</td>
</tr>
<tr>
<td style="width: 100px; padding: 8px;" valign="top" >
Name B McNamename
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
Name A McNamename
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
Wednesday, April 8, 2008
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
100,000.00&nbsp;
</td>
</tr>
<tr>
<td style="width: 100px; padding: 8px;" valign="top" >
Name B McNamename
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
Name A McNamename
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
Wednesday, April 8, 2008&nbsp;
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
100,000.00&nbsp;
</td>
</tr>
<tr>
<td style="width: 100px; padding: 8px;" valign="top" >
Name B McNamename
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
Name A McNamename&nbsp;
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
Wednesday, April 8, 2008&nbsp;
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
100,000.00&nbsp;
</td>
</tr>
<tr>
<td style="width: 100px; padding: 8px;" valign="top" >
Name B McNamename
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
Name A McNamename
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
Wednesday, April 8, 2008&nbsp;
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
100,000.00
</td>
</tr>
<tr>
<td style="width: 100px; padding: 8px;" valign="top" >
Name B McNamename
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
Name A McNamename
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
Wednesday, April 8, 2008&nbsp;
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
100,000.00&nbsp;
</td>
</tr>
<tr>
<td style="width: 100px; padding: 8px;" valign="top" >
Name B McNamename
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
Name A McNamename&nbsp;
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
Wednesday, April 8, 2008&nbsp;
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
100,000.00&nbsp;
</td>
</tr>
<tr>
<td style="width: 100px; padding: 8px;" valign="top" >
Name B McNamename
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
Name A McNamename&nbsp;
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
Wednesday, April 8, 2008&nbsp;
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
100,000.00&nbsp;
</td>
</tr>
<tr>
<td style="width: 100px; padding: 8px;" valign="top" >
Name B McNamename
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
Name A McNamename
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
Wednesday, April 8, 2008&nbsp;
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
100,000.00&nbsp;
</td>
</tr>
<tr>
<td style="width: 100px; padding: 8px;" valign="top" >
Name B McNamename
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
Name A McNamename&nbsp;
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
Wednesday, April 8, 2008&nbsp;
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
100,000.00&nbsp;
</td>
</tr>
</tbody>
</table>

0 个答案:

没有答案