Table

Table component for displays rows of data.

Default Table

Table without any hover.

Name	Gender	Age
Tomas	Male	26
Jack	Male	22
Anne	Female	23
Jane	Female	19

`

<table class="ui-table">
  <thead>
    <tr>
      <th style="width:100%;">Name</th>
      <th>Gender</th>
      <th>Age</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Tomas</td>
      <td>Male</td>
      <td>26</td>
    </tr>
    <tr>
      <td>Jack</td>
      <td>Male</td>
      <td>22</td>
    </tr>
    <tr>
      <td>Anne</td>
      <td>Female</td>
      <td>23</td>
    </tr>
    <tr>
      <td>Jane</td>
      <td>Female</td>
      <td>19</td>
    </tr>
  </tbody>
</table>

Hover Table

Table with hover effect.

Same as above but with isHover class.

Name	Gender	Age
Tomas	Male	26
Jack	Male	22
Anne	Female	23
Jane	Female	19

`

<table class="ui-table isHover">
  <thead>
    <tr>
      <th style="width:100%;">Name</th>
      <th>Gender</th>
      <th>Age</th>
    </tr>
  </thead>
  <tbody>
    <!-- ... -->
  </tbody>
</table>