تصميم أفكار لعرض كميات كبيرة من البيانات في جدول HTML

Question

ولدي جدول HTML والتي لديها حرفيا مثل 30 أعمدة البيانات، وأواجه صعوبة في تأطير ذلك في مثل هذه الطريقة التي يمكن أن تكون واضحة دون الهائل يسار / يمين التمرير.

وشيء واحد أنا أتساءل عما إذا كان أي شخص هو على الاطلاق أي شيء ذكي مع رؤوس الأعمدة؟ بعض منهم فقط لا يمكن أن يختصر أسفل بما فيه الكفاية، ولكن رأس العمود هو شيء من هذا القبيل "مقابلة" والقيمة الرقمية (الكثير من مساحة مهدرة للرأس وحدها). منحت، يمكن أن أحاول وتسمية هذه الأعمدة مثل INT أو أيا كان، ولكن هناك الكثير من أعمدة يحمل الاسم نفسه أنه يمكن أن تصبح مربكة.

وربما نوعا من السيارات الأعمدة المنهارة على أساس حركة الماوس؟ لست متأكدا .. أنا فقط بحاجة الى بعض الاقتراحات الإبداعية على كيفية عرض هذه البيانات!

Answer 1

وعلى الأرجح سيكون المستخدم شيطان من وقت فهم 30 أعمدة البيانات، بغض النظر عن التمرير.

وأوصي تظهر الأعمدة الأساسية (أشياء مثل الاسم والوصف وأرقام تحديد - الاشياء الأساسية، ونأمل أن لا يوجد سوى 10 منهم أو أقل)، ومن ثم السماح للتبديل المستخدم أو إيقاف تشغيله مهما الأعمدة التي يحتاجون إليها. يشبه جوجل مربع .

استخدم مسج وCSS لتحقيق ذلك بطريقة نظيفة. قد يكون هناك أيضا مكتبات جافا سكريبت UI أن تفعل ذلك عنك (مسج UI، YUI، والبعض الآخر ...)

Answer 2

وخلق صور لأسماء الأعمدة وتدوير النص في الصورة 90 درجة. يمكنك بعد ذلك اسم طويل مع عرض صغيرة على حد سواء.

وجوش

Answer 3

وأنا أتفق مع الإجابة من شراسة، تبديل الأعمدة هو فكرة جيدة. أيضا، اعتمادا على البيانات، أود أن أوصي فقط وجود عدد قليل من الأعمدة المعروضة، وعندما ينقر المستخدم على التوالي انهم مهتمون، فإنه ينتقل إلى صفحة جديدة مخصصة للبيانات في هذا السجل. وهذا العمل لبعض أنواع البيانات وليس للآخرين