<table class="border-collapse">
    <caption>Eine Test-Tabelle mit irgendwelchen Daten</caption>
    <thead>
        <tr>
            <th>sample</th>
            <th>boyhood</th>
            <th>dollar</th>
            <th>thesis</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>legislation</td>
            <td>shoo</td>
            <td>strong</td>
            <td>nearly</td>
        </tr>
        <tr>
            <td>congressperson</td>
            <td>solemnise</td>
            <td>rural</td>
            <td>quizzically</td>
        </tr>
        <tr>
            <td>method</td>
            <td>outpace</td>
            <td>studious</td>
            <td>naturally</td>
        </tr>
        <tr>
            <td>comeback</td>
            <td>repose</td>
            <td>doting</td>
            <td>judgementally</td>
        </tr>
        <tr>
            <td>grill</td>
            <td>answer</td>
            <td>happy</td>
            <td>majestically</td>
        </tr>
        <tr>
            <td>beastie</td>
            <td>silt</td>
            <td>forked</td>
            <td>speedily</td>
        </tr>
        <tr>
            <td>industrialization</td>
            <td>lynch</td>
            <td>posh</td>
            <td>poorly</td>
        </tr>
        <tr>
            <td>lawmaker</td>
            <td>salve</td>
            <td>past</td>
            <td>vainly</td>
        </tr>
        <tr>
            <td>breeze</td>
            <td>tweet</td>
            <td>creepy</td>
            <td>crossly</td>
        </tr>
        <tr>
            <td>harbor</td>
            <td>transgress</td>
            <td>gentle</td>
            <td>successfully</td>
        </tr>
        <tr>
            <td>cosset</td>
            <td>wend</td>
            <td>partial</td>
            <td>never</td>
        </tr>
        <tr>
            <td>god</td>
            <td>sting</td>
            <td>pointed</td>
            <td>exactly</td>
        </tr>
        <tr>
            <td>bias</td>
            <td>canoodle</td>
            <td>homely</td>
            <td>yearly</td>
        </tr>
        <tr>
            <td>gong</td>
            <td>print</td>
            <td>cute</td>
            <td>unnecessarily</td>
        </tr>
        <tr>
            <td>steam</td>
            <td>dial</td>
            <td>urban</td>
            <td>too</td>
        </tr>
        <tr>
            <td>stop</td>
            <td>tongue</td>
            <td>known</td>
            <td>questionably</td>
        </tr>
        <tr>
            <td>cement</td>
            <td>appreciate</td>
            <td>forceful</td>
            <td>seemingly</td>
        </tr>
        <tr>
            <td>harmonica</td>
            <td>impair</td>
            <td>miserable</td>
            <td>scarily</td>
        </tr>
        <tr>
            <td>lapdog</td>
            <td>disgust</td>
            <td>slow</td>
            <td>anxiously</td>
        </tr>
        <tr>
            <td>career</td>
            <td>glue</td>
            <td>spotless</td>
            <td>warmly</td>
        </tr>
    </tbody>
</table>
<table class="border-collapse">
  <caption>Eine Test-Tabelle mit irgendwelchen Daten</caption>
  <thead>
    <tr>
      {% for head in tablehead %}
      <th>{{ head.thcontent }}</th>
      {% endfor %}
    </tr>
  </thead>
  <tbody>
    {% for d in data %}
    <tr>
      <td>{{ d.one }}</td>
      <td>{{ d.two }}</td>
      <td>{{ d.three }}</td>
      <td>{{ d.four }}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{
  "tablehead": [
    {
      "thcontent": "sample"
    },
    {
      "thcontent": "boyhood"
    },
    {
      "thcontent": "dollar"
    },
    {
      "thcontent": "thesis"
    }
  ],
  "data": [
    {
      "one": "legislation",
      "two": "shoo",
      "three": "strong",
      "four": "nearly"
    },
    {
      "one": "congressperson",
      "two": "solemnise",
      "three": "rural",
      "four": "quizzically"
    },
    {
      "one": "method",
      "two": "outpace",
      "three": "studious",
      "four": "naturally"
    },
    {
      "one": "comeback",
      "two": "repose",
      "three": "doting",
      "four": "judgementally"
    },
    {
      "one": "grill",
      "two": "answer",
      "three": "happy",
      "four": "majestically"
    },
    {
      "one": "beastie",
      "two": "silt",
      "three": "forked",
      "four": "speedily"
    },
    {
      "one": "industrialization",
      "two": "lynch",
      "three": "posh",
      "four": "poorly"
    },
    {
      "one": "lawmaker",
      "two": "salve",
      "three": "past",
      "four": "vainly"
    },
    {
      "one": "breeze",
      "two": "tweet",
      "three": "creepy",
      "four": "crossly"
    },
    {
      "one": "harbor",
      "two": "transgress",
      "three": "gentle",
      "four": "successfully"
    },
    {
      "one": "cosset",
      "two": "wend",
      "three": "partial",
      "four": "never"
    },
    {
      "one": "god",
      "two": "sting",
      "three": "pointed",
      "four": "exactly"
    },
    {
      "one": "bias",
      "two": "canoodle",
      "three": "homely",
      "four": "yearly"
    },
    {
      "one": "gong",
      "two": "print",
      "three": "cute",
      "four": "unnecessarily"
    },
    {
      "one": "steam",
      "two": "dial",
      "three": "urban",
      "four": "too"
    },
    {
      "one": "stop",
      "two": "tongue",
      "three": "known",
      "four": "questionably"
    },
    {
      "one": "cement",
      "two": "appreciate",
      "three": "forceful",
      "four": "seemingly"
    },
    {
      "one": "harmonica",
      "two": "impair",
      "three": "miserable",
      "four": "scarily"
    },
    {
      "one": "lapdog",
      "two": "disgust",
      "three": "slow",
      "four": "anxiously"
    },
    {
      "one": "career",
      "two": "glue",
      "three": "spotless",
      "four": "warmly"
    }
  ]
}

No notes defined.