Help with html table tag inside html printer template

Hi team,

This is probably quick one, need help with formatting Ticket template. I would like the Ticket to appear as per below.

I need help formatting the [ORDERS GROUP|PRODUCT GROUP]

I have followed below example:
https://forum.sambapos.com/t/new-5-1-32-html-printer-template-tables-more-new-features/6046?u=morshed1

Thank you.

I cant see your template very well in that image. It would be better for you to just copy and paste the template then highlight it and press the code format button </>

Here is the template, thanks

 [LAYOUT]
    -- General layout
    <EC>
    <XCT>29,40,76,6,0,48,69,32,32,1,1
    <EL>
    <C10>The High Street
    <C10>Town
    <C10>AB2 "DA
    <C10>012345678
    <C10>www.test.com
    <C10>VAT 
    <L00>
    <L00>Date:{TICKET DATE} |Time:{TICKET TIME}
    <L00>[Order: {TICKET TAG:SG}]  
    <L00>Operator:{USER NAME}
    <L00>
    {ENTITIES}
    <F>-
    <div style="font-size:11px;font-family:MingLiu;text-align:centre"> 
    <div><table>
    {ORDERS}
    </table>
    </div>
    <F>=
    <span style="font-size:15px;font-family:MingLiu;text-align:justify">
    [<J00>SUB-TOTAL:|£{TICKET TOTAL}]
    {DISCOUNTS}
    </div>
    <L00>
    [<J00>Total FOC Gift:|£{ORDER STATE TOTAL:Gift}]
    [<J00>Discounts:|[=F(TN('{ORDER TAG TOTAL:Discount}')+TN('{ORDER TAG TOTAL:VIP Discount}')+TN('{ORDER TAG TOTAL:HH Discount}'))]]
    [<J00>TOTAL SAVINGS:|£[=F(-1*(TN('{ORDER TAG TOTAL:Discount}')+TN('{ORDER TAG TOTAL:VIP Discount}')+TN('{ORDER TAG TOTAL:HH Discount}'))+TN('{ORDER STATE TOTAL:Gift}'))]]
    {TAXES}
    <LF>
    {SERVICES}
    <EB>
    <div style="font-size:12px;font-family:MingLiu;text-align:left"> 
    <J10>TOTAL TO PAY:|£{TICKET TOTAL}
    </div>
    {PAYMENTS}
    <F>=
    <div style="font-size:12px;font-family:MingLiu;text:left"> 
    <J00>[{TICKET TAG:GCN}|Balance: [=F(TN('{TICKET TAG:GCB}'))]]
    <J10>[Tendered:|£{TENDERED TOTAL}]
    <J10>[CHANGE DUE:|£{CHANGE TOTAL}]
    </div>
    <F>=
    <J10>SERVICE CHARGES NOT INCLUDED.
    <L00>
    <L00>
    [DISCOUNTS]
    <J00>{CALCULATION NAME}|£{CALCULATION TOTAL}

    [SERVICES]
    <J00>{CALCULATION NAME}|£{CALCULATION TOTAL}

    [TAXES]
    <J00>{TAX NAME} %{TAX RATE}|{TAX AMOUNT}

    [PAYMENTS]
    <J00>{PAYMENT NAME}|{PAYMENT AMOUNT}

    [ORDERS GROUP|PRODUCT GROUP]

    [ORDERS GROUP:STARTERS]
    <C00>---POPDUM/CHUTNEYS---
    -- [ORDERS GROUP:BIRYANI/NAN/RICE]
    -- <C00>---NAN/RICE---
    [ORDERS GROUP:DESSERTS]
    [ORDERS GROUP:DRINKS]
    <C00>---DRINKS/DESSERTS---


    [ORDERS]
    -- Default format for orders
    <tr>
      <td width=15>{QUANTITY}</td><td width=190> {NAME}</td><td width=43 align=right>£{TOTAL AMOUNT}</td>
    </td>
    <tr>
       <td width=215 colspan=2>{ORDER TAGS}</td><td width=30></td>
    </tr>
     
    [ORDERS:Gift]
    -- Format for gifted orders
    <J00>-{QUANTITY} {NAME}|**GIFT**
    {ORDER TAGS}
     
    [ORDERS:Void]
    -- Nothing will print for void lines
     
    [ORDER TAGS]
    -- Format for order tags
    <div>  * {ORDER TAG NAME} </div>
    -- {ORDER TAG PRICE}
     
    [ENTITIES:Table]
    -- Table entity format
    <L00>Table:{ENTITY NAME}/{TICKET TAGN:Number of Customers}

    [ENTITIES:Deliverer]
    -- Delivere entity format
    <L00>Deliverer:{ENTITY NAME}

    [ENTITIES:Customer]
    -- Customer entity format
    <EB>
    <div style="font-size:11px;font-family:MingLiu"> 
    <L00>Customer:{ENTITY DATA:Customer Name} |Tel: {ENTITY NAME}
    <L00>Mobile :{ENTITY DATA: Mobile}
    <L00>Address:{ENTITY DATA:Address} 
    <L00>Town: {ENTITY DATA:Region} | {ENTITY DATA:Post Code}
    <L>
    </div>
    <DB>

@morshed1 you are using a table to display order lines. Group headers added between order lines (table rows) so to be able to make them appear properly you should properly configure <tr> <td> tags for group headers.

1 Like

Thanks Emre, I reformatted the receipt correctly now and avoided using table.

However, I have come across following behaviours and require help.

  1. "Total to Pay: appearing twice on the receipt (highlighted yellow as per below)

  2. I would like to show Total Savings: Discount (£4.47)+ Total FOC Gift (2.75).

Total Savings should be: £7.22

<L00>Date:{TICKET DATE} |Time:{TICKET TIME}
<L00>[Order: {TICKET TAG:SG}]  
<L00>Operator:{USER NAME}
<L00>
{ENTITIES}
<F>-
-- <div style="font-size:12px;font-family:MingLiu;text-align:centre"> 
-- <div><table>
<div style="font-size:13px;">
{ORDERS}
-- </table>
-- </div>
<F>=
-- <EB>
<J00>SUB-TOTAL:|£{PLAIN TOTAL}
{DISCOUNTS}
-- <L00>
<div style="font-size:13px;">
[<J10>Total FOC Gift:|£{ORDER STATE TOTAL:Gift}]
[<J10>Discounts:|[=F(TN('{ORDER TAG TOTAL:Discount}')+TN('{ORDER TAG TOTAL:VIP Discount}')+TN('{ORDER TAG TOTAL:HH Discount}'))]]
[<J10>TOTAL SAVINGS:|£[=F(-1*(TN('{ORDER TAG TOTAL:Discount}')+TN('{ORDER TAG TOTAL:VIP Discount}')+TN('{ORDER TAG TOTAL:HH Discount}'))+TN('{ORDER STATE TOTAL:Gift}'))]]
{TAXES}
<LF>
{SERVICES}
<EB>
<div style="font-size:16px;"> 
<J00>TOTAL TO PAY:|£{TICKET TOTAL}</div>
<DB>
{PAYMENTS}

<F>=
-- <span style="font-size:12px;font-family:MingLiu;text:justify"></div>
<J10>[{TICKET TAG:GCN}|Balance: [=F(TN('{TICKET TAG:GCB}'))]]
<J10>[Tendered:|£{TENDERED TOTAL}]
<J10>[CHANGE DUE:|£{CHANGE TOTAL}]
<F>=
-- <div style="font-size:16px;">
<C10>  SERVICE CHARGES NOT INCLUDED.
-- </div>
<L00>
[DISCOUNTS]
<J00>{CALCULATION NAME}|£{CALCULATION TOTAL}

[SERVICES]
<J00>{CALCULATION NAME}|£{CALCULATION TOTAL}

[TAXES]
<J00>{TAX NAME} %{TAX RATE}|{TAX AMOUNT}

[PAYMENTS]
<J00>{PAYMENT NAME}|{PAYMENT AMOUNT}

[ORDERS GROUP|PRODUCT GROUP]

[ORDERS GROUP:A-STARTERS]
[ORDERS GROUP:B-TANDOORI SPECIALITIES]
[ORDERS GROUP:C-NABAB SP DISHES]
[ORDERS GROUP:D-CURRY DISHES]
-- <C00>--
[ORDERS GROUP:E-VEGETABLE SIDE DISHES]
-- <C00>--
[ORDERS GROUP:F-RICE]
-- <C00>---NAN/RICE---
[ORDERS GROUP:G-DRINKS]
<L00>
<C00>---DRINKS/DESSERTS---
<L00>
[ORDERS GROUP:H-DESSERTS]
<L00>
<C00>---DRINKS/DESSERTS---


[ORDERS]
-- Default format for orders
<J10>{QUANTITY} {NAME} |£{TOTAL AMOUNT}
{ORDER TAGS}

[ORDERS:Gift]
-- Format for gifted orders
<J00>- {QUANTITY} {NAME}|**GIFT** 
{ORDER TAGS}

[ORDERS:Void]
-- Nothing will print for void lines
 
[ORDER TAGS]
-- Format for order tags
<J10>* {ORDER TAG NAME}
-- {ORDER TAG PRICE}
 
[ENTITIES:Table]
-- Table entity format
<L00>Table:{ENTITY NAME}/{TICKET TAGN:Number of Customers}

[ENTITIES:Deliverer]
-- Delivere entity format
<L00>Deliverer:{ENTITY NAME}

[ENTITIES:Customer]
-- Customer entity format
<EB>
<div style="font-size:11px;font-family:MingLiu"> 
<L00>Customer:{ENTITY DATA:Customer Name} |Tel: {ENTITY NAME}
<L00>Mobile :{ENTITY DATA: Mobile}
<L00>Address:{ENTITY DATA:Address} 
<L00>Town: {ENTITY DATA:Region} | {ENTITY DATA:Post Code}
<L>
</div>
<DB>

Thank you