Semantic UI 2.2.2 test

Semantic UI 2.2.2 test

by Cleisson Almeida

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.2/semantic.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.2/semantic.min.js"></script>
<table class="ui fixed selectable compact large celled table">
  <thead>
    <tr><th> Name</th>
    <th>Status</th>
   
  </tr></thead>
  <tbody>
    <tr>
      <td class="collapsing"><i class="caret down icon"></i><i class="check square
 icon"></i>Nivel 1</td>
      <td><div class="ui right small primary icon button">
          <i class="user icon"></i>
        </div></td>
      
    </tr>
    <tr>
      <td>               <i class="caret down icon"></i> Nivel 2</td>
      <td><div class="ui right small primary icon button">
          <i class="user icon"></i>
        </div></td>
     
    </tr>
    <tr>
      <td>                              Nivel 3</td>
      <td><div class="ui right small primary icon button">
          <i class="user icon"></i>
        </div></td>
     
    </tr>
    <tr>
      <td><i class="caret down icon"></i>Nivel 1</td>
      <td><div class="ui right small primary icon button">
          <i class="user icon"></i>
        </div></td>
      
    </tr>
    <tr>
      <td>               <i class="caret down icon"></i> Nivel 2</td>
      <td><div class="ui right small primary icon button">
          <i class="user icon"></i>
        </div></td>
     
    </tr>
    <tr>
      <td>                              Nivel 3</td>
      <td><div class="ui right small primary icon button">
          <i class="user icon"></i>
        </div></td>
     
    </tr>
  </tbody>
</table>

CSS

body {
    padding: 1em;
}