ट्रिपली समूहबद्ध - टैब्यूलर डेटा द्वारा - कैसे प्रदर्शित करें?

Question

मुझे एक रिपोर्ट के हिस्से के रूप में वेबसाइट पर किसी तालिका में डेटा का एक गुच्छा प्रदर्शित करने की आवश्यकता है। समस्या यह है कि इसका एक गुच्छा है, और इसे दृष्टि से समूहित करने की आवश्यकता है।

डेटा का प्रत्येक टुकड़ा किसी आइटम का "उपयोग" है, और इसकी एक तिथि (इसका उपयोग करने पर प्रतिनिधित्व करने वाला) है, एक स्टोर नंबर (उस स्टोर के अनुरूप है), एक आइटम नाम (वह आइटम जो था प्रयुक्त), और मात्रा (उस वस्तु की मात्रा जिसका उपयोग किया गया था)।

उपयोगकर्ता के पास आइटम द्वारा समूह, फिर स्टोर या स्टोर द्वारा आइटम का विकल्प होगा, फिर आइटम। दृश्यों के पीछे, मैं तिथि के अनुसार भी समूहित करूंगा।

रिपोर्ट को आइटम/स्टोर (समूह द्वारा विकल्प के आधार पर) और तिथि के अनुसार, और कुल उप-रकम दोनों की मात्रा की आवश्यकता होती है।

बात यह है कि, मुझे यकीन नहीं है कि इसे कैसे प्रदर्शित किया जाए। सबसे अच्छा मैं अभी के साथ आ सकते हैं की तरह

      ++------+------+------+------++-----+ 
          || date | date | date | date || sum | 
+-----------+--------------||======+======+======+======||=====+---+ 
| Item Name | Store Number || 1 | 2 | 3 | 4 || 10 |^| 
|   +--------------||------+------+------+------||-----|---| 
|   | Store Number || 5 | 6 | 7 | 8 || 26 | # | 
|   +--------------||------+------+------+------||-----| # | 
|   | Store Number || 9 | 10 | 11 | 12 || 42 | # | 
|   +--------------||------+------+------+------||-----| | 
|     Total || 15 | 18 | 21 | 24 || 78 | | 
+==========================++===========================++=====| | 
| Item Name | Store Number || 1 | 2 | 3 | 4 || 10 | | 
|   +--------------||------+------+------+------||-----| | 
|   | Store Number || 5 | 6 | 7 | 8 || 26 | | 
|   +--------------||------+------+------+------||-----| | 
|   | Store Number || 9 | 10 | 11 | 12 || 42 | | 
|   +--------------||------+------+------+------||-----|---| 
|     Total || 15 | 18 | 21 | 24 || 78 | v | 
+==========================++===========================++=====+---+ 
          | < | ####    | > | 
          +---------------------------+ 

समूहबद्ध करने के लिए दुकान से समूह के लिए के साथ "दुकान संख्या" आइटम तो स्टोर, या स्विच "आइटम का नाम" से कुछ तो मद है।

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

समस्या कार्यान्वयन के साथ होगी: एचटीएमएल में मैं किस बिल्ली का प्रतिनिधित्व करता हूं !?

बेहतर सवाल यह है: क्या कोई बेहतर तरीका है?

इस समस्या को हल करने के लिए आपकी क्या सलाह है? (पसंदीदा रूप से सुंदर और आसानी से)

Answer 1

मुझे लगता है कि सबसे अच्छा समाधान समूह के लिए कुछ http://img51.imageshack.us/img51/6434/layoutsv.png

एचटीएमएल होगा folowing तरह निम्नलिखित छवि की तरह, मद से डेटा है:

<div style="overflow: auto; width: 100%; height: 500px"> 
    <h1>Item 1</h1> 
    <table> 
     <tr> 
      <th></th> 
      <th>Date</th> 
      ... 
      ... 
     </tr> 
     <tr> 
      <th>Store #</th> 
      <td>1</td> 
      ... 
      ... 
     </tr> 
     ... 
     ... 
    </table> 
    <h1>Item 2</h1> 
    ... 
    ... 
</div> 

तय स्तंभ आप दिखना चाहिए के लिए यहाँ: HTML table with fixed headers and a fixed column?

Answer 2

यह करने योग्य है, लेकिन मैं इसे सीधे HTML में नहीं करूँगा। जितना जटिल होगा उतना ही इसे पहले स्थान पर स्थापित करना होगा, व्यापार को बदलने की आवश्यकता होने पर इसे बाद में संशोधित करना जटिल होगा।

यदि आप इसे करने की कोशिश कर रहे हैं, तो मैं स्टैक्ड और एम्बेडेड टेबल, स्क्रॉलिंग divs, और निश्चित स्थिति/ओवरलैपिंग divs की अवधारणाओं को देखने की अनुशंसा करता हूं। फिर भी, यह एक मजेदार काम करने की कोशिश कर रहा है जो इस जटिल को केवल एक प्रकार के ब्राउज़र से अधिक काम करने की कोशिश नहीं कर रहा है।

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

बेहतर अभी तक, आप एसएसआरएस (और कई अन्य हैं) जैसे रिपोर्टिंग टूल देख सकते हैं, या यहां तक ​​कि मूलभूत आवश्यकताओं के लिए एमएस एक्सेस भी देख सकते हैं।