# 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>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>Name</th>
      <th>Gender</th>
      <th>Age</th>
    </tr>
  </thead>
  <tbody>
    <!-- ... -->
  </tbody>
</table>