Sales order templetes modification

[conceptmedical]

Hello team,

I hope this message finds you well. I am in need of assistance regarding the sales order templates. Specifically, I require help in modifying the current sales order template. The task at hand involves hiding certain column borders within the items table. To provide a clearer understanding of the desired outcome, I have attached the format that I would like to achieve.

I would greatly appreciate it if someone could lend their expertise to help me accomplish this formatting objective.

Thank you for your attention to this matter.

Hey, How you are getting the row numbers? you have commented the each loop ?

[rabii]

try this, this should be easy to achieve:

<table class="table table-bordered" style="line-height: 1.36; background-color: rgb(255, 255, 255);">
    <tbody>
        <tr>
            <td width="50%">
                <p><span style="font-size: 18px;">Company Name</span></p>
                <p>
                    <span style="font-size: 12px;">{{accountName}}</span><br>
                    <span style="font-size: 12px;">{{{billingAddressStreet}}}</span><br>
                    <span style="font-size: 12px;">{{billingAddressCity}}{{#if billingAddressState}},{{/if}} {{billingAddressState}} {{billingAddressPostalCode}}</span><br>
                    <span style="font-size: 12px;">{{billingAddressCountry}}<br></span><span style="font-size: 18px;"><br></span>
                </p>
            </td>
            <td width="50%">
                <p style="text-align: right;"><span style="color: rgb(156, 156, 148); font-size: 18px; line-height: 24.4799995422363px;">Sales Order</span></p>
                <p></p>
                <div style="text-align: right;"><span style="font-size: 12px; line-height: 24.4799995422363px; color: rgb(0, 0, 0);">Date: {{dateOrdered}}</span></div>
                <br>
                <p></p>
            </td>
        </tr>
    </tbody>
</table>
<p><span style="font-size: 18px; line-height: 32.6399993896484px;">{{name}}</span></p>
<p>
    <span style="font-size: 18px; line-height: 32.6399993896484px;"><br></span>
</p>
<p>Currency: {{amountCurrency}}</p>

<table border="0.5pt" cellpadding="2" class="table table-bordered">
    <tbody>
        <tr>
            <th width="5%" align="left">#</th>
            <th width="37%" align="left">Name</th>
            <th width="8%" align="left">Qty</th>
            <th width="16%" align="left">List Price</th>
            <th width="16%" align="left">Unit Price</th>
            <th width="16%">Amount</th>
        </tr>
        <!-- {{#each itemList}} -->
        <tr>
            <td style="border: none;">{{order}}</td>
            <td style="border: none;">{{name}}</td>
            <td style="border: none;">{{quantity}}</td>
            <td style="border: none;" align="right">{{listPrice}}</td>
            <td style="border: none;" align="right">{{unitPrice}}</td>
            <td style="border: none;" align="right">{{amount}}</td>
        </tr>
        <!-- {{#if description}} -->
        <tr>
            <td style="border: none;" colspan="7">{{{description}}}</td>
        </tr>
        <!-- {{/if}} -->
        <!-- {{/each}} -->
        <tr>
            <td style="border: none;" colspan="7"></td>
        </tr>
        <tr>
            <td style="border: none;" colspan="4"></td>
            <td colspan="2">
                <table border="0.5pt" class="table table-bordered">
                    <tbody>
                    <tr>
                        <td colspan="2" align="right">Pre-Discounted Amount</td>
                        <td colspan="1" align="right">{{preDiscountedAmount}}</td>
                    </tr>
                    <tr>
                        <td colspan="2" align="right">Discount Amount</td>
                        <td colspan="1" align="right">{{discountAmount}}</td>
                    </tr>
                    <tr>
                        <td colspan="2" align="right">Amount</td>
                        <td colspan="1" align="right">{{amount}}</td>
                    </tr>
                    <tr>
                        <td colspan="2" align="right">Tax Amount</td>
                        <td colspan="1" align="right">{{taxAmount}}</td>
                    </tr>
                    <tr>
                        <td colspan="2" align="right">Shipping Cost</td>
                        <td colspan="1" align="right">{{shippingCost}}</td>
                    </tr>
                    <tr>
                        <td colspan="2" align="right">Grand Total Amount</td>
                        <td colspan="1" align="right"><b>{{grandTotalAmount}}</b></td>
                    </tr>
                  </tbody>
                </table>
            </td>
        </tr>
        
    </tbody>
</table>

<p><br></p>
<p align="center">Thank you for your business.</p>​

[sapyantuk]

<table style="line-height: 1.36; width: 100%;">
<tbody>
<tr>
<td style="width: 50%; vertical-align: top;">
<p><span style="font-size: 1.4em;">Company Name</span></p>
<p><br></p>
<p>
{{accountName}}
</p>
<p>
{{{billingAddressStreet}}}
<br>
{{billingAddressCity}}{{#if billingAddressState}},{{/if}} {{billingAddressState}} {{billingAddressPostalCode}}<br>{{billingAddressCo untry}}
</p>
</td>
<td style="width: 50%; vertical-align: top; text-align: right;">
<p><span style="font-size: 1.2em;">Sales Order</span></p>
<p>Date: {{dateOrdered}}</p>
</td>
</tr>
</tbody>
</table>
<p><span style="font-size: 1.2em;">{{name}}</span></p>
<p>Currency: {{amountCurrency}}</p>

<table style="border: 0.5pt; border-spacing: 0; border-collapse: collapse; width: 100%;" cellpadding="2" border="0.5pt">
<tbody>
<tr>
<th width="5%" align="left">#</th>
<th width="37%" align="left">Name</th>
<th width="8%" align="left">Qty</th>
<th width="16%" align="left">List Price</th>
<th width="16%" align="left">Unit Price</th>
<th width="16%" align="left">Amount</th>
</tr>
<!-- {{#each itemList}} --> <tr>
<td>{{order}}</td>
<td>{{name}}</td>
<td>{{quantity}}</td>
<td align="right">{{listPrice}}</td>
<td align="right">{{unitPrice}}</td>
<td align="right">{{amount}}</td>
</tr>
<!-- {{#if description}} -->
<tr><td colspan="6">{{{description}}}</td></tr>
<!-- {{/if}} -->
<!-- {{/each}} --> <tr>
<td colspan="6">&nbsp;</td>
</tr>
<tr>
<td colspan="5" align="right">Pre-Discounted Amount</td>
<td align="right">{{preDiscountedAmount}}</td>
</tr>
<tr>
<td colspan="5" align="right">Discount Amount</td>
<td align="right">{{discountAmount}}</td>
</tr>
<tr>
<td colspan="5" align="right">Amount</td>
<td align="right">{{amount}}</td>
</tr>
<tr>
<td colspan="5" align="right">Tax Amount</td>
<td align="right">{{taxAmount}}</td>
</tr>
<tr>
<td colspan="5" align="right">Shipping Cost</td>
<td align="right">{{shippingCost}}</td>
</tr>
<tr>
<td colspan="5" align="right">Grand Total Amount</td>
<td align="right"><b>{{grandTotalAmount}}</b></td>
</tr>
</tbody>
</table>
<p><br></p>
<p align="center">Thank you for your business.</p>




this is the default code .

[sapyantuk]

Hello team,

I hope this message finds you well. I am in need of assistance regarding the sales order templates. Specifically, I require help in modifying the current sales order template. The task at hand involves hiding certain column borders within the items table. To provide a clearer understanding of the desired outcome, I have attached the format that I would like to achieve.

I would greatly appreciate it if someone could lend their expertise to help me accomplish this formatting objective.

Thank you for your attention to this matter.