unibz Pattern Library

Table 

<table class="table">
    <thead>
        <tr>
            <td>title 1</td>
            <td>title 2</td>
            <td>title 3</td>
        </tr>
    </thead>

    <tbody>
        <tr>
            <td>cell 1</td>
            <td>cell 2</td>
            <td>cell 3</td>
        </tr>
        <tr>
            <td>cell 1</td>
            <td>cell 2</td>
            <td>cell 3</td>
        </tr>
    </tbody>
</table>
 
<table class="table">
  <thead>
    <tr>
      {{#each head}}
        <td>{{this}}</td>
      {{/each}}
    </tr>
  </thead>
  
  <tbody>
    {{#each rows}}
      <tr>
        {{#each cols}}
          <td>{{this}}</td>
        {{/each}}
      </tr>
    {{/each}}
  </tbody>
</table>
 
{
  "label": "Lorem ipsum",
  "labelLong": "Lorem ipsum dolor sit amet",
  "htmlText": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus at laoreet. Sed congue sollicitudin lacus vitae porttitor. Integer convallis maximus odio.</p>",
  "htmlTextMedium": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt.</p>",
  "htmlTextShort": "<p>Integer varius tincidunt purus at laoreet. Sed congue sollicitudin.</p>",
  "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus. Integer convallis maximus odio.",
  "url": "#",
  "videoUrl": "https://www.youtube.com/embed/roS6oFjCDhc",
  "head": [
    "title 1",
    "title 2",
    "title 3"
  ],
  "rows": [
    {
      "cols": [
        "cell 1",
        "cell 2",
        "cell 3"
      ]
    },
    {
      "cols": [
        "cell 1",
        "cell 2",
        "cell 3"
      ]
    }
  ]
}

There are no notes for this item.