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


2016年7月20日

はじめまして、まっきーです。

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


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

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

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



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



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



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

  • HTML
  • CSS
  • jQuery


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



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



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



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


日々精進します!