Barnekreftforeningen MinSide portal

Table Example 

<table class=" ">

    <thead>
        <tr>
            <th>
                Table Heading 1
            </th>
            <th>
                Table Heading 2
            </th>
            <th data-sort-method="none">
                Table Heading 3
            </th>
            <th>
                Table Heading 4
            </th>
            <th>
                Table Heading 5
            </th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <th>
                Table Footer 1
            </th>
            <th>
                Table Footer 2
            </th>
            <th>
                Table Footer 3
            </th>
            <th>
                Table Footer 4
            </th>
            <th>
                Table Footer 5
            </th>
        </tr>
    </tfoot>
    <tbody>
        <tr>
            <td>
                Table Cell 1
            </td>
            <td>
                Table Cell 1
            </td>
            <td>
                Table Cell 1
            </td>
            <td>
                Table Cell 1
            </td>
            <td>
                Table Cell 1
            </td>
        </tr>
        <tr>
            <td>
                Table Cell 2
            </td>
            <td>
                Table Cell 2
            </td>
            <td>
                Table Cell 2
            </td>
            <td>
                Table Cell 2
            </td>
            <td>
                Table Cell 2
            </td>
        </tr>
        <tr>
            <td>
                Table Cell 3
            </td>
            <td>
                Table Cell 3
            </td>
            <td>
                Table Cell 3
            </td>
            <td>
                Table Cell 3
            </td>
            <td>
                Table Cell 3
            </td>
        </tr>
        <tr>
            <td>
                Table Cell 4
            </td>
            <td>
                Table Cell 4
            </td>
            <td>
                Table Cell 4
            </td>
            <td>
                Table Cell 4
            </td>
            <td>
                Table Cell 4
            </td>
        </tr>
    </tbody>
</table>
 
<table class="{{ table_class }} {{ table_box ? 'box' }}">
  {# <caption>Table Caption</caption> #}
  <thead>
    <tr>
      <th>
        Table Heading 1
      </th>
      <th>
        Table Heading 2
      </th>
      <th data-sort-method="none">
        Table Heading 3
      </th>
      <th>
        Table Heading 4
      </th>
      <th>
        Table Heading 5
      </th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <th>
        Table Footer 1
      </th>
      <th>
        Table Footer 2
      </th>
      <th>
        Table Footer 3
      </th>
      <th>
        Table Footer 4
      </th>
      <th>
        Table Footer 5
      </th>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>
        Table Cell 1
      </td>
      <td>
        Table Cell 1
      </td>
      <td>
        Table Cell 1
      </td>
      <td>
        Table Cell 1
      </td>
      <td>
        Table Cell 1
      </td>
    </tr>
    <tr>
      <td>
        Table Cell 2
      </td>
      <td>
        Table Cell 2
      </td>
      <td>
        Table Cell 2
      </td>
      <td>
        Table Cell 2
      </td>
      <td>
        Table Cell 2
      </td>
    </tr>
    <tr>
      <td>
        Table Cell 3
      </td>
      <td>
        Table Cell 3
      </td>
      <td>
        Table Cell 3
      </td>
      <td>
        Table Cell 3
      </td>
      <td>
        Table Cell 3
      </td>
    </tr>
    <tr>
      <td>
        Table Cell 4
      </td>
      <td>
        Table Cell 4
      </td>
      <td>
        Table Cell 4
      </td>
      <td>
        Table Cell 4
      </td>
      <td>
        Table Cell 4
      </td>
    </tr>
  </tbody>
</table>
 
/* No context defined for this component. */

There are no notes for this item.