Styleguide

Table 

<table class="table table-striped text-center">
    <thead>
        <tr>
            <th class="py-md-4"">Zahlungsziel</th>
            <th class=" py-md-4"">Servicegebühr</th>
            <th class="py-md-4"">Betrag am Beispiel von € 500 brutto</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td class=" py-md-4">bis 30 Tage</td>
            <td class="py-md-4">1,99% des abgerechneten Betrags</td>
            <td class="py-md-4">€ 9,95</td>
        </tr>
        <tr>
            <td class="py-md-4">bis 45 Tage</td>
            <td class="py-md-4">2,49% auf den abgerechneten Betrag</td>
            <td class="py-md-4">€ 12,45</td>
        </tr>
        <tr>
            <td class="py-md-4" colspan="3"><strong>Hinweis:</strong> Liegt das Zahlungsziel über 60 Tage, verzögert sich Ihre direkte Auszahlung. Die Servicegebühr bleibt gleich niedrig.</td>
        </tr>
        </tbody>
</table>
 
<table class="{{class}}">
  {{#with head}}
    <thead>
      {{#each row}}
        <tr{{#if class}} class="{{class}}"{{/if}}>
          {{#each column}}
            <th{{#if class}} class="{{class}}"{{/if}}{{#if colspan}} colspan="{{colspan}}{{/if}}">{{{text}}}</th>
          {{/each}}
        </tr>
      {{/each}}
    </thead>
  {{/with}}
  {{#with body}}
    <tbody>
      {{#each row}}
        <tr{{#if class}} class="{{class}}"{{/if}}>
          {{#each column}}
            <td{{#if class}} class="{{class}}"{{/if}}{{#if colspan}} colspan="{{colspan}}"{{/if}}>{{{text}}}</td>
          {{/each}}
        </tr>
      {{/each}}
    </tbody>
  {{/with}}
</table>
 
{
  "class": "table table-striped text-center",
  "head": {
    "row": [
      {
        "column": [
          {
            "class": "py-md-4",
            "text": "Zahlungsziel"
          },
          {
            "class": "py-md-4",
            "text": "Servicegebühr"
          },
          {
            "class": "py-md-4",
            "text": "Betrag am Beispiel von € 500 brutto"
          }
        ]
      }
    ]
  },
  "body": {
    "row": [
      {
        "column": [
          {
            "class": "py-md-4",
            "text": "bis 30 Tage"
          },
          {
            "class": "py-md-4",
            "text": "1,99% des abgerechneten Betrags"
          },
          {
            "class": "py-md-4",
            "text": "€ 9,95"
          }
        ]
      },
      {
        "column": [
          {
            "class": "py-md-4",
            "text": "bis 45 Tage"
          },
          {
            "class": "py-md-4",
            "text": "2,49% auf den abgerechneten Betrag"
          },
          {
            "class": "py-md-4",
            "text": "€ 12,45"
          }
        ]
      },
      {
        "column": [
          {
            "class": "py-md-4",
            "text": "<strong>Hinweis:</strong> Liegt das Zahlungsziel über 60 Tage, verzögert sich Ihre direkte Auszahlung. Die Servicegebühr bleibt gleich niedrig.",
            "colspan": "3"
          }
        ]
      }
    ]
  }
}

No notes defined.