Tableタグのscrollが重い

Question

Tableのscrollが重い

jsp/サーブレットでWebアプリケーションの開発を行っています。
画面にtableタグで明細を作っているのですが、
要素数とデータ件数が多く、縦スクロールしようとした時に少し固まってからスクロールしてしまいます。

1行の要素数：20
1画面表示行数：500行

※各行の要素には、サーバで取得したデータがセットされています。
※各要素ごとににスタイル(widthなど)を指定しています。

該当のソースコード

// 例
<tr>
  <td style="width: 80px;">
　  　<% // 「明細項目1」 %>
　  　<q:input style="width: 70px;" />
  </td>
  <td style="width: 80px;">
　  　<% // 「明細項目1」 %>
　  　<q:input style="width: 70px;" />
  </td>
</tr>

試したこと

開発者ツールより調査したところ、スタイルの再計算が何度も行われていることがわかりました。
原因、解決法わかりましたら回答お願いします。

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

少ない情報ですみません。

Answer 1

一度に表示することはあきらめ、仮想DOM (Virtual DOM) の利用を考えてみてはどうでしょうか？
https://qiita.com/mizchi/items/4d25bc26def1719d52e6

Answer 2

styleで指定するのをやめ、CSSファイルで指定するのに切り替えると、多少はファイルサイズが小さくなるので表示の遅延は軽減されます。

その上で、JSPのバッファサイズを大きくすると改善するでしょうか。

Comments

[sete]

回答ありがとうございます。
CSSファイルに切り分けて指定してみたんですが、特に変化はなかったです。
バッファサイズを大きくしてみたのですが、それも変化なしでした。