Table | Unified UX

Here is an example of using the Table in a plain html page:
<html>
  <head>
    <link href="https://developer.temenos.com/uux/base.css" rel="stylesheet" />
    <script src="https://developer.temenos.com/uux/unified-ux-web.min.js"></script>
  </head>
  <body>
    <uwc-table id="basic-table"></uwc-table>
    <script>
      const table = document.getElementById("basic-table");
      table.data = [
        {
          customerId: "121212",
          industryName: "Education",
          nationalityName: "AUS",
          sectorName: "Corporate",
          customerName: "Global Sim",
          lastName: "Dean",
        },
      ];
      table.columns = [
        {
          label: "Customer ID",
          dataIndex: "customerId",
          type: "text",
        },
        {
          label: "Industry",
          dataIndex: "industryName",
          type: "text",
        },
        {
          label: "Nationality",
          dataIndex: "nationalityName",
          type: "text",
        },
        {
          label: "Sector",
          dataIndex: "sectorName",
          type: "text",
        },
        {
          label: "Given Name",
          sortable: true,
          dataIndex: "customerName",
          type: "text",
        },
        {
          label: "Last Name",
          dataIndex: "lastName",
          type: "text",
        },
      ];
    </script>
  </body>
</html>