Table

<table class="af-table ">
    <tr>
        <th scope="row">Geschlecht</th>
        <td>divers</td>
    </tr>
    <tr>
        <th scope="row">Name</th>
        <td>Max Mustermann</td>
    </tr>
    <tr>
        <th scope="row">Land / Länderkennzeichen</th>
        <td>Deutschland / DE</td>
    </tr>
</table>

<div class="af-edit">
    <a href="#" class="a-link ">
        <i class="a-icon icon--edit" aria-hidden="true"></i>&nbsp;<span class="link__inner">Angaben korrigieren</span>
    </a>
</div>
<table class="af-table {{viewtypes.specifier}}">
  {{#each content.tableRows}}
    <tr>
      <th scope="row">{{tableHead}}</th>
      <td>{{tableContent}}</td>
    </tr>
  {{/each}}
</table>

{{# switches.hasEditLink }}
  <div class="af-edit">
    <a href="#" class="a-link ">
      <i class="a-icon icon--edit" aria-hidden="true"></i>&nbsp;<span class="link__inner">{{content.editText}}</span>
    </a>
  </div>
{{/ switches.hasEditLink }}
{
  "switches": {
    "hasEditLink": true
  },
  "viewtypes": {},
  "content": {
    "editText": "Angaben korrigieren",
    "tableRows": [
      {
        "tableHead": "Geschlecht",
        "tableContent": "divers"
      },
      {
        "tableHead": "Name",
        "tableContent": "Max Mustermann"
      },
      {
        "tableHead": "Land / Länderkennzeichen",
        "tableContent": "Deutschland / DE"
      }
    ]
  },
  "partials": {}
}
  • Handle: @af-table
  • Preview:
  • Filesystem Path: src/components/x-online-application-form/components/table/table.hbs

No notes defined.