外部供应商为我们的组织制作了一个模板,用于专有的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> Commitment</strong>
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
<strong> </strong>
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
<strong> Expected Date</strong>
</td>
<td style="width: 100px; padding: 8px;" valign="top" >
<strong> 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
</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
</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
</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
</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
</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
</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
</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
</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
</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
</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
</td>
</tr>
</tbody>
</table>