B3Sロゴ
menu close

JQuery

tableでの大量データの描画[その1]


ヤス

更新日:2021/08/04


はじめまして、ヤスです。

気になる情報からこんなんええやん的な技術まで、サクサクと紹介して行きたいと思います。

【本日のこんなんええやん】

WEBシステムを作っていると必ずぶちあたる大量データの描画

  • DOM描画に時間が掛かる…
  • スクロールでヘッダが隠れる…

課題はさまざまあります、、。

今回は画面をスクロールする毎にデータを描画して、描画負荷を減らすにチャレンジ!

ご用意するのは以下のもの。

  • HTML
  • CSS
  • jQuery

まず、描画を隠すCSSを用意

一定の行数以上にhiddenクラスを指定

スクロールごとにclassを消していきます!

こんな感じですが、まだまだ力技。。

日々精進します!