HTMLテーブルに大量のデータを表示するためのアイデアをデザインする
-
05-07-2019 - |
質問
文字通り30列のデータがあるhtmlテーブルがあり、左右に大きくスクロールすることなく表示できるようにフレーム化するのに苦労しています。
私が気になっていたことの1つは、誰かが列ヘッダーで賢いものを見たことがあるかどうかです。それらの一部は十分に短縮することができませんが、列ヘッダーは「インタビュー」のようなものです。値は数値です(ヘッダーだけの無駄なスペースがたくさんあります)。確かに、これらの列にINTなどの名前を付けて試すことはできますが、似たような名前の列がたくさんあり、混乱を招く可能性があります。
たぶん、マウスの動きに基づいて何らかの自動折りたたみ列がありますか?わかりません。このデータを表示する方法について、いくつかの創造的な提案が必要です!
解決
ほとんどの場合、ユーザーはスクロールに関係なく、30列のデータを理解する時間の悪魔に遭遇します。
最も基本的な列(名前、説明、番号の識別-コアのものなど)を表示し、ユーザーが必要な列をオンまたはオフに切り替えられるようにすることをお勧めします。 google squared に似ています。
JqueryとCSSを使用して、クリーンな方法でこれを実現します。あなたのためにこれを行うJavascript UIライブラリもあるかもしれません(Jquery UI、YUI、その他...)
他のヒント
列名の画像を作成し、画像内のテキストを90度回転します。その後、同じ幅の長い名前を付けることができます。
ジョシュ
凶暴な列の切り替えは良いアイデアだと思います。また、データによっては、いくつかの列のみを表示することをお勧めします。ユーザーが関心のある行をクリックすると、そのレコードのデータ専用の新しいページに移動します。これは一部の種類のデータで機能し、他の種類では機能しません