首先我要说的是,我不是HTML开发人员。我被要求用html自动化电子邮件报告。对于项目中的每个人,它由一行只有一个人的名字,后面跟着几行信息。这很简单,但是如果我能够按名称折叠表,它看起来会好很多,所以最初,查看器只会看到一个名单列表,当点击它们时,它会展开以显示其他行。如果我理解正确,每个人都使用Outlook,它具有非常有限的html引擎。鉴于outlook处理html的方式,我正在寻找甚至可能吗?下面,您将看到表格的结构。基本上,我希望能够点击“Jane Doe”,并将所有后续行公开,直到下一个名称。
HTML:
<table style="width:1000px; border-collapse: collapse; border: 1px solid #efefef; padding:15px 10px 15px 10px;">
<tr style="border: 1px solid #e7e7e7;">
<th align="left" bgcolor="#e7e7e7" style="border: 1px solid #e7e7e7; padding:15px 10px 15px 10px;">
<font color=black face="Verdana" style="font-size:15px">Jane Doe
</font>
</th>
</tr>
<tr style="border: 1px solid #e7e7e7;">
<th align="left" bgcolor="#e7e7e7" style="border: 1px solid #e7e7e7; padding:15px 10px 15px 10px;">
<font color=black face="Verdana" style="font-size:15px">Issue Number
</font>
</th>
<th align="left" bgcolor="#e7e7e7" style="border: 1px solid #e7e7e7; padding:15px 10px 15px 10px;">
<font color=black face="Verdana" style="font-size:15px">Assignee
</font>
</th>
<th align="left" bgcolor="#e7e7e7" style="border: 1px solid #e7e7e7; padding:15px 10px 15px 10px;">
<font color=black face="Verdana" style="font-size:15px">Description
</font>
</th>
<th align="left" bgcolor="#e7e7e7" style="border: 1px solid #e7e7e7; padding:15px 10px 15px 10px;">
<font color=black face="Verdana" style="font-size:15px">Original Estimate
</font>
</th>
<th align="left" bgcolor="#e7e7e7" style="border: 1px solid #e7e7e7; padding:15px 10px 15px 10px;">
<font color=black face="Verdana" style="font-size:15px">Time Logged
</font>
</th>
<th align="left" bgcolor="#e7e7e7" style="border: 1px solid #e7e7e7; padding:15px 10px 15px 10px;">
<font color=black face="Verdana" style="font-size:15px">Percentage Complete
</font>
</th>
<th align="left" bgcolor="#e7e7e7" style="border: 1px solid #e7e7e7; padding:15px 10px 15px 10px;">
<font color=black face="Verdana" style="font-size:15px">Work Done Yesterday
</font>
</th>
<th align="left" bgcolor="#e7e7e7" style="border: 1px solid #e7e7e7; padding:15px 10px 15px 10px;">
<font color=black face="Verdana" style="font-size:15px">Status
</font>
</th>
</tr>
</table>