go-web-starter-kit/views/admin/table/contents.html

<script>
  let thePage = new PaginateTable("/api/admin/table/{{ .table }}");

  const craftTemplate = (example) => {
    const tmpl = $id('table-row');
    const tr = tmpl.content.children[0];

    for(let header of Object.keys(example)) {
      $append(tr,
          $html("<td><a style='text-decoration: none' href='/admin/table/{{.table}}/${item.Id}/'>${item['" + header + "']}</a></td>"));
    }

    return tmpl;
  }

  $boot(async () => {
      const items = await thePage.contents();
      const tmpl = craftTemplate(items[0]);
      const rows = $id('table-items');

      for(let item of items) {
        console.log("ITEM", item);
        $append(rows, $render(tmpl, {item}));
      }
  });
</script>

<h1><a href="/admin/table/">&laquo;</a> Admin {{ .table }}</h1>

<block x-data="thePage">
  <bar>
    <button type="button"><a href="/admin/table/new/{{ .table }}/">New</a></button>
    <button type="button">Prev</button>
    <button type="button">Next</button>
    <input type="text" name="search" size="40" placeholder="Search" />
  </bar>

  <table id="table-items">
  </table>

  <template id="table-row">
    <tr class="table-row"></tr>
  </template>
</block>