水平スクロールを使用せずに同じページにすべてのテーブルレコードを表示

Question

私は私のウェブサイトに表示したい巨大なテーブルを持っています。それは60の列と多くの2000の行を持っています。どのように私はこれらのデータをウェブページで表現することができますか教えてください。今、私はウェブページ内でスクロールバーを水平と垂直にして、すべてのデータを再現しました。不器用で厄介なようです。これはWeb開発における私の最初のベンチャーであり、誰もがこの複雑さを簡素化する上で手助けをすることができ、私にとって大きな助けになるでしょう。私が楽しみにしているのは、ユーザーがテーブルから1行のデータを必要とし、すべてのセルがスクロールの必要なしに同じページに表示されるはずです。

誰でも私を案内できますか？

Answer 1

jQuery DataTables with Responsive pluginを使用すると、必要に応じて余分な列が表示されるのを隠すことができます。

折りたたみ可能な子行に余分な詳細を表示する方法については、this exampleを参照してください。

this exampleを参照すると、モーダルウィンドウに余分な詳細が表示されます。