DataTable не может вертикально прокрутить до конца таблицы

Question

Я использую горизонтальную и вертикальную прокрутку DataTable следующим образом:

"scrollY": "410px",
"scrollX": true,
"scrollCollapse": true

Но я не могу прокрутить вниз, чтобы увидеть все данные в таблице. Я едва могу прокрутить вниз и увидеть половину данных, которые находятся в таблице. Какие-нибудь идеи, как я мог заставить это работать?
Ниже мой дизайн стола

<div id="myGrid_wrapper" class="dataTables_wrapper form-inline dt-bootstrap no-footer">
<div class="col-sm-12">
      <table ="myGrid" style="width:100%">
          <thead></thead>
          <tbody></tbody>
      </table>
</div>

И стиль CSS

 #myGrid tbody {
        height: 100vh;
        overflow: auto;

    }

Некоторые примечания: если я уменьшу px до scrollY, он, наконец, будет работать на значении около 50, но не будет выглядеть хорошо, когда экран больше, а таблица тоже должна быть больше