Циклы Acumatica foreach и адаптивный дизайн - PullRequest
0 голосов
/ 31 мая 2019

У меня проблемы с циклами 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;">
              &nbsp;
            </td>
          </tr>
        </table>
      <![endif]-->


              </td>
            </tr>

      </table>

      </div>

          <!--[if mso | IE]>
            </td>

        </tr>

                  </table>
                <![endif]-->
              </td>
            </tr>
          </tbody>
        </table>

      </div>```

...