JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
 <div class="col-lg-8 ">
    <div class="col-lg-12">
      <table class="table table-striped" aurelia-table="">
        <thead>
          <tr>
            <th>test</th>
            <th>test</th>
            <th>test</th>
            <th>test</th>
            <th>test</th>
          </tr>
        </thead>
        <tbody>
          <tr class="" >
            <td>test</td>
            <td>test</td>
            <td>test</td>
            <td>
              <div class="form-group">
                <select id="selectbasic" name="selectbasic" class="form-control col-lg-6 col-md-6 col-sm-6">
                  <option value="" selected=""></option>
                  <option value="-action"> Action</option>
                </select>
              </div>
            </td>
            <td>
              <i class="fa fa-minus" aria-hidden="true" click.delegate=""></i>
            </td>
          </tr>
           <tr class="" >
            <td>test</td>
            <td>test</td>
            <td>test</td>
            <td>
              <div class="form-group">
                <select id="selectbasic" name="selectbasic" class="form-control col-lg-6 col-md-6 col-sm-6">
                  <option value="" selected=""></option>
                  <option value="-action"> Action</option>
                </select>
              </div>
            </td>
            <td>
              <i class="fa fa-minus" aria-hidden="true" click.delegate=""></i>
            </td>
          </tr>
           <tr class="" >
            <td>test</td>
            <td>test</td>
            <td>test</td>
            <td>
              <div class="form-group">
                <select id="selectbasic" name="selectbasic" class="form-control col-lg-6 col-md-6 col-sm-6">
                  <option value="" selected=""></option>
                  <option value="-action"> Action</option>
               ...

CSS

.col-lg-12 {
  border:1px solid red;
}

thead {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  background-color:  white;
  z-index: 100;
}

tbody {
    overflow-y: scroll;
    height: calc(100vh - 130px);
}

tbody > tr {
  width: 100%;
}