Table

<table class="table">
    <thead>
        <tr>
            <th>Column One</th>
            <th>Column Two</th>
            <th>Column Three</th>
            <th>Column Four</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>This is some copy in the table</td>
            <td>This is yet more copy in the table.</td>
            <td>Say hello.</td>
            <td>This copy is really quite long and is much longer than the other copy. What will happen?!</td>
        </tr>
    </tbody>
</table>
<table class="table">
    <thead>
        <tr>
            {{#each columns}}
            <th>{{ @key }}</th>
            {{/each}}
        </tr>
    </thead>
    <tbody>
        <tr>
            {{#each columns}}
            <td>{{ this }}</td>
            {{/each}}
        </tr>
    </tbody>
</table>
{
  "columns": {
    "Column One": "This is some copy in the table",
    "Column Two": "This is yet more copy in the table.",
    "Column Three": "Say hello.",
    "Column Four": "This copy is really quite long and is much longer than the other copy. What will happen?!"
  }
}

There are no notes for this item.