htmlでtableの横幅をJSで取得したいが上手くいきません。

Question

JSを使いwidthを取得したいのですが取得の仕方がわかりません

テーブルのヘッダー行を固定するために、
別のテーブルを作り
JSを使い、表示・非表示と
styleを合わせるため幅取得をしたいと思っております。

元のタイムテーブルの方は幅指定をしない状態でヘッダー固定を実現したいです。
styleが聞いた状態の幅を取得したいのですがどうすればいいでしょうか？
ご教授お願いします。

該当のソースコード

 <table class="time-table">
    <tr>
      <th>名前</th>
      <th>年齢</th>
    </tr>
    <tr>
      <td>田中田中</td>
      <td>27</td>
    </tr>
    <tr>
      <td>佐藤</td>
      <td>42</td>
    </tr>
  </table>

 <table class="fixedheader">
    <tr>
      <th>名前</th>
      <th>年齢</th>
    </tr>
  </table>

$(function(){
          var table = $('table.time-table');
          var offset = table.offset();
          $('.fixedheader').outerWidth(table.getBoundingClientRect().width;);
  
 
          $(window).scroll(function () {
              if($(window).scrollTop() > table.offset().top
              && $(window).scrollTop() < (table.offset().top + table.height() ) ) {
                  var fixedheaderTop = $(window).scrollTop();
                  $('.fixedheader').show();
              } else {
                  $('.fixedheader').hide();
              }
          });
      });

ここにより詳細な情報を記載してください。

Answer 1

$('.fixedheader').outerWidth(table.getBoundingClientRect().width;);

;は文の終わりに書くものです。文の終わりではないところに;があるため、文法エラーになります。
解決方法は、余分な;を取り除くことです。

getBoundingClientRect()はElementのメソッドですが、tableにはjQueryオブジェクトが入っていますので、「ウチにはそんなメソッドはない」とエラーになります。
解決方法は、Elementに変換することです。添え字をつけるのがお手軽です。

つまり、こんな感じです。

$('.fixedheader').outerWidth(table[0].getBoundingClientRect().width);