Table container

In progress

Table container provides a wrapper for html <table> element that enables styling.

# Example

Vakava yhteensä 2015 2015 2015 2015 2015 2015 2015
Hakemuksia 24466 24466 24466 24466 24466 24466 24466
Hakijoita 10058 10058 10058 10058 10058 10058 10058
Kokeesee osallistuneita 7243 7243 7243 7243 7243 7243 7243
VAKAVAN koulutuksissa opintonsa aloittaneita 1741 1741 1741 1741 1741 1741 1741
Kuinka monta prosenttia hakeneista osallistuis kokeisiin 72% 72% 72% 72% 72% 72% 72%
Kuinka monta prosenttia kokeisiin osallistuneista aloitti opiskelun jossakin VAKAVAn koulutuksista 24% 24% 24% 24% 24% 24% 24%
<hy-table-container>
  <table>
    <thead>
      <tr>
        <th>Vakava yhteensä</th>
        <th>2015</th>
        <th>2015</th>
        <th>2015</th>
        <th>2015</th>
        <th>2015</th>
        <th>2015</th>
        <th>2015</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Hakemuksia</td>
        <td>24466</td>
        <td>24466</td>
        <td>24466</td>
        <td>24466</td>
        <td>24466</td>
        <td>24466</td>
        <td>24466</td>
      </tr>
      <tr>
        <td>Hakijoita</td>
        <td>10058</td>
        <td>10058</td>
        <td>10058</td>
        <td>10058</td>
        <td>10058</td>
        <td>10058</td>
        <td>10058</td>
      </tr>
      <tr>
        <td>Kokeesee osallistuneita</td>
        <td>7243</td>
        <td>7243</td>
        <td>7243</td>
        <td>7243</td>
        <td>7243</td>
        <td>7243</td>
        <td>7243</td>
      </tr>
      <tr>
        <td>VAKAVAN koulutuksissa opintonsa aloittaneita</td>
        <td>1741</td>
        <td>1741</td>
        <td>1741</td>
        <td>1741</td>
        <td>1741</td>
        <td>1741</td>
        <td>1741</td>
      </tr>
      <tr>
        <td>Kuinka monta prosenttia hakeneista osallistuis kokeisiin</td>
        <td>72%</td>
        <td>72%</td>
        <td>72%</td>
        <td>72%</td>
        <td>72%</td>
        <td>72%</td>
        <td>72%</td>
      </tr>
      <tr>
        <td>
          Kuinka monta prosenttia kokeisiin osallistuneista aloitti opiskelun jossakin VAKAVAn koulutuksista
        </td>
        <td>24%</td>
        <td>24%</td>
        <td>24%</td>
        <td>24%</td>
        <td>24%</td>
        <td>24%</td>
        <td>24%</td>
      </tr>
    </tbody>
  </table>
</hy-table-container>

# Dependencies

# Depends on

# Graph

graph TD;
  hy-table-container --> hy-box
  style hy-table-container fill:#f9f,stroke:#333,stroke-width:4px

Helsinki University Design System

← Tag →