2009-06-16 17 views
5

में बड़ी मात्रा में डेटा प्रदर्शित करने के लिए डिज़ाइन विचार मेरे पास एक HTML तालिका है जो सचमुच डेटा के 30 कॉलम की तरह है, और मुझे इसे इस तरह से तैयार करने में कठिनाई हो रही है कि यह बड़े पैमाने पर दिखाई दे बाएं/दाएं स्क्रॉलिंग।एचटीएमएल टेबल

एक बात जो मैं सोच रहा था वह यह है कि अगर किसी ने कॉलम हेडर के साथ कभी भी चालाक देखा है? उनमें से कुछ को बस संक्षेप में संक्षिप्त नहीं किया जा सकता है, लेकिन कॉलम हेडर कुछ "साक्षात्कार" जैसा है और मान संख्यात्मक है (अकेले शीर्षलेख के लिए बहुत बर्बाद जगह)। अनुमोदित, मैं इन स्तंभों को INT या जो कुछ भी नाम दे सकता हूं और नाम दे सकता हूं, लेकिन ऐसे कई नामित कॉलम हैं जो भ्रमित हो सकते हैं।

शायद माउस आंदोलन के आधार पर कुछ प्रकार के ऑटो ढहने वाले कॉलम? यकीन नहीं है .. मुझे इस डेटा को प्रदर्शित करने के तरीके पर कुछ रचनात्मक सुझावों की आवश्यकता है!

उत्तर

6

सबसे अधिक संभावना उपयोगकर्ता एक समय डेटा के 30 कॉलम को समझने की एक शैतान, स्क्रॉल की परवाह किए बिना होगा।

मैं सबसे मौलिक कॉलम (नाम, विवरण, पहचान संख्याओं - मूल सामग्री जैसी चीजें, उम्मीद है कि उनमें से केवल 10 या उससे कम हैं) दिखाने की अनुशंसा करेंगे, और फिर उपयोगकर्ता को जो भी कॉलम चाहिए उसे चालू या बंद करने दें । google squared की तरह थोड़ा।

उपयोग jQuery और सीएसएस एक साफ फैशन में यह पूरा करने के। जावास्क्रिप्ट यूआई पुस्तकालय भी हो सकते हैं जो आपके लिए यह करते हैं (Jquery UI, YUI, अन्य ...)

+2

ग्राफ और अन्य विज़ुअलाइजेशन भी बहुत मदद कर सकते हैं। इस उत्तर के लिए – jlarson

+1

+1। यह सुनिश्चित करने के लिए कि समाधान का उपयोग करने वाले लोगों के लिए समाधान काम करता है, यह सुनिश्चित करने के लिए किसी प्रकार के प्रोटोटाइप पर कुछ उपयोगकर्ता प्रतिक्रिया प्राप्त करने के लिए शायद यह भी लायक है। यह भी कुछ अतिरिक्त विचारों और तोड़ मरोड़ चिंगारी आप में काम करने के लिए हो सकता है। –

+0

YUI के datatable घटक togglable कॉलम कर सकते हैं। –

1

कॉलम नामों के लिए छवियां बनाएं और छवि को 90 डिग्री में घुमाएं। आप तो समान रूप से छोटा चौड़ाई के साथ एक लंबे नाम हो सकता है।

जोश

0

मैं क्रूर, टॉगलिंग कॉलम से उत्तर के साथ सहमत हूं, यह एक अच्छा विचार है। इसके अलावा, डेटा के आधार पर, मैं केवल कुछ ही दिखाए जाने वाले कॉलम होने की सिफारिश करेंगे, और जब उपयोगकर्ता पंक्ति वे में रुचि रखते हैं पर क्लिक करता है, यह एक नई कि रिकॉर्ड में डेटा के लिए समर्पित पृष्ठ पर ले जाता है। यह कुछ प्रकार के डेटा के लिए काम करेगा, न कि दूसरों के लिए

संबंधित मुद्दे