jquery - XHR を介して動的に作成されたテーブルが全体的に表示されない

Question

jquery を使用して非同期の HTML テーブルを読み込み、それを既存の div 要素に追加しています。それはうまくいきます！

しかし、HTML テーブルのコンテンツが非常に大きい場合、ブラウザ ウィンドウの長さによってテーブルが切り詰められ、テーブルの最後までスクロールすることができなくなります。

どうすればこの問題を解決できるか考えている人はいますか。

どうもありがとうタッソ

var root=document.getElementById('tabPrNr');

var tab=document.createElement('table');
tab.className="mytable";
var tbo=document.createElement('tbody');
var row, cell;

for(var i=0;i<100;i++){
    row=document.createElement('tr');
     for(var j=0;j<5;j++){
      cell=document.createElement('td');
      cell.appendChild(document.createTextNode(i+' '+j))
      row.appendChild(cell);
     }
tbo.appendChild(row);
}
tab.appendChild(tbo);
root.appendChild(tab);