html - Semantic UI - Keep thead visible when scrolling tbody -


i'm trying figure out how keep table head visible when scrolling. there setting in semantic ui this? or have use non-semantic ui solution?

you'll need view "full page" see table correctly.

<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.12.0/semantic.js"></script>  <link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.12.0/semantic.css" rel="stylesheet" />    <div style="height:200px;overflow:auto">    <table class="ui small celled striped table" sytle="width:100%">      <thead>        <tr>          <th>date</th>          <th>status</th>          <th>facility name</th>          <th>phone</th>        </tr>      </thead>      <tbody data-bind="foreach:followupentries">        <tr>          <td>date</td>          <td>status</td>          <td>facility name</td>          <td>phone</td>        </tr>        <tr>          <td>date</td>          <td>status</td>          <td>facility name</td>          <td>phone</td>        </tr>        <tr>          <td>date</td>          <td>status</td>          <td>facility name</td>          <td>phone</td>        </tr>        <tr>          <td>date</td>          <td>status</td>          <td>facility name</td>          <td>phone</td>        </tr>        <tr>          <td>date</td>          <td>status</td>          <td>facility name</td>          <td>phone</td>        </tr>        <tr>          <td>date</td>          <td>status</td>          <td>facility name</td>          <td>phone</td>        </tr>        <tr>          <td>date</td>          <td>status</td>          <td>facility name</td>          <td>phone</td>        </tr>        <tr>          <td>date</td>          <td>status</td>          <td>facility name</td>          <td>phone</td>        </tr>      </tbody>    </table>  </div>

as @stewartside suggested, isn't current built semantic ui, has been discussed.