Washington State Auditor's Office Communication and Design System

Table 

<table>
    <thead>
        <tr>

            <th>Col 1</th>

            <th>Col 2</th>

            <th>Col 3</th>

        </tr>
    </thead>
    <tbody>

        <tr>

            <td>1-1</td>

            <td>1-2</td>

            <td>1-3</td>

        </tr>

        <tr>

            <td>2-1</td>

            <td>2-2</td>

            <td>2-3</td>

        </tr>

        <tr>

            <td>3-1</td>

            <td>3-2</td>

            <td>3-3</td>

        </tr>

        <tr>

            <td>4-1</td>

            <td>4-2</td>

            <td>4-3</td>

        </tr>

    </tbody>
</table>
 
<table>
    <thead>
        <tr>
            {% for heading in headings %}
            <th>{{ heading }}</th>
            {% endfor %}
        </tr>
    </thead>
    <tbody>
        {% for row in rows %}
        <tr>
            {% for cell in row %}
            <td>{{ cell }}</td>
            {% endfor %}
        </tr>
        {% endfor %}
    </tbody>
</table>
 
{
  "headings": [
    "Col 1",
    "Col 2",
    "Col 3"
  ],
  "rows": [
    [
      "1-1",
      "1-2",
      "1-3"
    ],
    [
      "2-1",
      "2-2",
      "2-3"
    ],
    [
      "3-1",
      "3-2",
      "3-3"
    ],
    [
      "4-1",
      "4-2",
      "4-3"
    ]
  ]
}

Documentation for table.