jQuery DataTables で縦幅（height）を動的に変更したい

Question

前提・実現したいこと

複数のDataTablesを使用する画面で、ウィンドウのサイズが変更されたときに、動的に縦幅を変更できるようにするという作業をしております。

ただ、一度設定したpxから変更ができず、困っております。
何か解決策がございましたらご教示いただけますと幸いです。

該当のソースコード

<table class="table" id="table1">
<thead>
  <tr class="bg-primary">
    <th>AAA</th><th>BBB</th><th>CCC</th>
  </tr>
  </thead>
  <tbody class="text-center">
    <tr class=""><td>1</td><td>abc</td><td>abc</td></tr>
    <tr class=""><td>2</td><td>abc</td><td>abc</td></tr>
  </tbody>
</table>

↑のような記述がIDを変えて複数存在

  var table = $('#table1').DataTable( {
      scrollY:        "150px",
      scrollX:        false,
      scrollCollapse: true,
      ordering:       false,
      searching:      false,
      paging:         false,
      info:           true,
    } );

試したこと

・ウィンドウサイズを取得し、割合を算出してテーブルのCSSに適応（効果なし）
・divで囲み、テーブルのCSSには「height:100%」を指定（指定を貫通して表示）

補足情報（FW/ツールのバージョンなど）

・Bootstrap
・jQuery
・DataTables（プラグイン）

Answer 1

割合表示（50vhなど）の表記で解決とすることとしました。
失礼いたしました。

https://datatables.net/examples/basic_init/scroll_y_dynamic.html