---
meta:
title: OrderTable
description:
layout: component
fullWidth: true
---

```html:preview
<zn-order-table data="{
  &quot;headers&quot;: [&quot;Product&quot;, &quot;SKU&quot;, &quot;Quantity&quot;, &quot;Unit Price&quot;, &quot;Subtotal&quot;, &quot;Total&quot;],
  &quot;items&quot;: [
    {
      &quot;caption&quot;: &quot;Electronics&quot;,
      &quot;summary&quot;: &quot;Devices and accessories&quot;,
      &quot;data&quot;: [],
      &quot;sub&quot;: [
        {
          &quot;caption&quot;: &quot;Wireless Headphones&quot;,
          &quot;summary&quot;: &quot;Noise-cancelling over-ear model&quot;,
          &quot;data&quot;: [&quot;ELC-1021&quot;, &quot;Wireless Headphones&quot;, &quot;1&quot;, &quot;£120.00&quot;, &quot;£120.00&quot;]
        },
        {
          &quot;caption&quot;: &quot;USB-C Charger&quot;,
          &quot;summary&quot;: &quot;Fast-charging 65W adapter&quot;,
          &quot;data&quot;: [&quot;ELC-3054&quot;, &quot;USB-C Charger&quot;, &quot;2&quot;, &quot;£25.00&quot;, &quot;£50.00&quot;]
        },
        {
          &quot;caption&quot;: &quot;Bluetooth Speaker&quot;,
          &quot;summary&quot;: &quot;Portable waterproof mini speaker&quot;,
          &quot;data&quot;: [&quot;ELC-4092&quot;, &quot;Bluetooth Speaker&quot;, &quot;1&quot;, &quot;£55.00&quot;, &quot;£55.00&quot;]
        }
      ]
    },
    {
      &quot;caption&quot;: &quot;Home &amp; Kitchen&quot;,
      &quot;summary&quot;: &quot;Appliances and essentials&quot;,
      &quot;data&quot;: [],
      &quot;sub&quot;: [
        {
          &quot;caption&quot;: &quot;Electric Kettle&quot;,
          &quot;summary&quot;: &quot;1.7L stainless steel kettle&quot;,
          &quot;data&quot;: [&quot;HMK-2210&quot;, &quot;Electric Kettle&quot;, &quot;1&quot;, &quot;£35.00&quot;, &quot;£35.00&quot;]
        },
        {
          &quot;caption&quot;: &quot;Coffee Grinder&quot;,
          &quot;summary&quot;: &quot;Adjustable ceramic burr grinder&quot;,
          &quot;data&quot;: [&quot;HMK-2278&quot;, &quot;Coffee Grinder&quot;, &quot;1&quot;, &quot;£40.00&quot;, &quot;£40.00&quot;]
        },
        {
          &quot;caption&quot;: &quot;Kitchen Scale&quot;,
          &quot;summary&quot;: &quot;Digital scale, 5kg capacity&quot;,
          &quot;data&quot;: [&quot;HMK-2321&quot;, &quot;Kitchen Scale&quot;, &quot;1&quot;, &quot;£22.00&quot;, &quot;£22.00&quot;]
        }
      ]
    },
    {
      &quot;caption&quot;: &quot;Office Supplies&quot;,
      &quot;summary&quot;: &quot;Daily work essentials&quot;,
      &quot;data&quot;: [],
      &quot;sub&quot;: [
        {
          &quot;caption&quot;: &quot;A4 Notebook&quot;,
          &quot;summary&quot;: &quot;200 pages, ruled&quot;,
          &quot;data&quot;: [&quot;OFC-1003&quot;, &quot;A4 Notebook&quot;, &quot;3&quot;, &quot;£4.00&quot;, &quot;£12.00&quot;]
        },
        {
          &quot;caption&quot;: &quot;Ballpoint Pen Set&quot;,
          &quot;summary&quot;: &quot;Pack of 10 blue pens&quot;,
          &quot;data&quot;: [&quot;OFC-1045&quot;, &quot;Ballpoint Pen Set&quot;, &quot;1&quot;, &quot;£6.00&quot;, &quot;£6.00&quot;]
        },
        {
          &quot;caption&quot;: &quot;Desk Organizer&quot;,
          &quot;summary&quot;: &quot;Metal mesh, 5 compartments&quot;,
          &quot;data&quot;: [&quot;OFC-1089&quot;, &quot;Desk Organizer&quot;, &quot;1&quot;, &quot;£18.00&quot;, &quot;£18.00&quot;]
        }
      ]
    }
  ],
  &quot;tax&quot;: &quot;£34.80&quot;,
  &quot;discount&quot;: &quot;£15.00&quot;,
  &quot;total&quot;: &quot;£368.80&quot;,
  &quot;paid&quot;: &quot;£250.00&quot;,
  &quot;remaining&quot;: &quot;£118.80&quot;
}
"></zn-order-table>
```

## Examples

### FirstExample

TODO

### SecondExample

TODO