У меня проблемы с циклами foreach, нарушающими отзывчивость моего дизайна уведомлений. Когда я добавляю цикл foreach, он либо разрывает мою таблицу, либо не делает цикл. Я бы хотел, чтобы дизайн не перебивал электронную почту моего тела и, если возможно, продолжал иметь представление данных с мобильных карт.
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
>
<tbody>
<tr>
<td
style="direction:ltr;font-size:0px;padding:0px;text-align:center;vertical-align:top;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="" style="vertical-align:top;width:600px;"
>
<![endif]-->
<div
class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
>
<tr>
<td
align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"
>
<div
style="font-family:sans-serif;font-size:14px;line-height:23px;text-align:left;color:#000000;"
>
<table width="100%" cellpadding="0" cellspacing="0" style="min-width:100%;">
<tr>
<td style="padding:5px;">
<table class="smarttable" width="100%" cellpadding="0" cellspacing="0" style="min-width:100%;"><thead>
<tr><th scope="col" style="padding:5px; font-family: Arial,sans-serif; font-size: 14px; line-height:10px;line-height:15px;color:#033047;text-align:left;background-color:#ededed">ITEM</th>
<th scope="col" style="padding:5px; font-family: Arial,sans-serif; font-size: 14px; line-height:10px;line-height:15px;color:#033047;text-align:left;background-color:#ededed">SKU</th>
<th scope="col" style="padding:5px; font-family: Arial,sans-serif; font-size: 14px; line-height:10px;line-height:15px;color:#033047;text-align:left;background-color:#ededed">QTY</th>
<th scope="col" style="padding:5px; font-family: Arial,sans-serif; font-size: 14px; line-height:10px;line-height:15px;color:#033047;text-align:left;background-color:#ededed">PRICE EACH</th>
<th scope="col" style="padding:5px; font-family: Arial,sans-serif; font-size: 14px; line-height:10px;line-height:15px;color:#033047;text-align:left;background-color:#ededed">ITEM TOTAL</th>
</tr>
</thead>
<div
style="font-family:sans-serif;font-size:14px;line-height:23px;text-align:left;color:#000000;"
>
<table width="100%" cellpadding="0" cellspacing="0" style="min-width:100%;">
<tr>
<td style="padding:5px;">
<table class="smarttable" width="100%" cellpadding="0" cellspacing="0" style="min-width:100%;">
<tbody>
<foreach view="Transactions">
<div style="border-width: 0px; border-style: solid; width: 500px; box-shadow: 1px 0px 0px 0px #888, 0px 1px 0px 0px #888, 1px 1px 0px 0px #888, inset 1px 0px 0px 0px #888, inset 0px 1px 0px 0px #888;">
<tr><td data-label="ITEM" valign="top" style="padding0right:5px; font-family: Arial,sans-serif; font-size: 12px; line-height:20px;"><span data-field="yes">((Document.OrderDesc))</span></td>
<td data-label="SKU" valign="top" style="padding:5px; font-family: Arial,sans-serif; font-size: 12px; line-height:20px;"><span data-field="yes">((Transactions.InventoryID.InventoryCD))</span></td>
<td data-label="QTY" valign="top" style="padding:5px; font-family: Arial,sans-serif; font-size: 12px; line-height:20px;"><span data-field="yes">((Transactions.OrderQty))</span></td>
<td data-label="PRICE EACH" valign="top" style="padding:5px; font-family: Arial,sans-serif; font-size: 12px; line-height:20px;"><span data-field="yes">((Transactions.CuryUnitPrice))</span></td>
<td data-label="ITEM TOTAL" valign="top" style="padding-left:5px; font-family: Arial,sans-serif; font-size: 12px; line-height:20px;"><span data-field="yes">((Transactions.CuryExtPrice))</span></td>
</tr></div></foreach></tbody></table></td></tr></table>
</div>
</td>
</tr>
<tr>
<td
style="font-size:0px;padding:10px 25px;word-break:break-word;"
>
<p
style="border-top:solid 1px black;font-size:1;margin:0px auto;width:100%;"
>
</p>
<!--[if mso | IE]>
<table
align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px black;font-size:1;margin:0px auto;width:550px;" role="presentation" width="550px"
>
<tr>
<td style="height:0;line-height:0;">
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>```