लंबे क्षैतिज तालिकाओं वाले पृष्ठों के लिए प्रिंट स्टाइलशीट

Question

मेरे पास एक पृष्ठ है जो लंबे क्षैतिज तालिकाओं में डीबी डेटा थूकता है।

मुझे इसे अच्छी तरह से मुद्रित करने की आवश्यकता है ताकि यह काट न जाए। कोई सुझाव ?

Answer 1

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

सबसे खराब स्थिति, आपको एक अलग प्रिंट संस्करण लिखना पड़ सकता है जो लंबवत लेआउट का उपयोग करता है।

Answer 2

यह सुनिश्चित करने के लिए कि आपकी तालिका प्रिंटर एबिस में गायब नहीं होगी, सुनिश्चित करें कि इसके कंटेनर की चौड़ाई 100% हो गई है।

मुझे लगता है कि आप प्रिंट विशिष्ट सीएसएस (<style type="text/css" media="print">) का उपयोग कैसे करें।
चूंकि प्रिंटर और कंप्यूटर मॉनीटर के पास बहुत अलग संकल्प हो सकते हैं, प्रिंट सीएसएस में em में अपनी अधिकांश आकार-सेटिंग करें, और मुद्रण करते समय गैर-आवश्यक तत्वों को छिपाएं (display:none)।

इसके अलावा, कागज पर पठनीयता बढ़ाने के लिए, एक सफेद पृष्ठभूमि, काला पाठ, और सेरिफ़ फोंट (टाइम्स न्यू रोमन इत्यादि) का उपयोग करें, जिनके पास कागज पर अधिक सुगम होने की प्रतिष्ठा है।

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

Answer 3

1. कई पंक्तियों के साथ क्षैतिज एक (स्वैप पंक्तियों/स्तंभों) में तालिका बदलें

2. सुझाएँ उपयोगकर्ताओं लैंडस्केप मोड में स्विच करने के लिए। AFAIK के पास वर्तमान ब्राउज़र में प्रोग्रामेटिक रूप से ऐसा करने का कोई तरीका नहीं है (CSS3 @page {size:landscape} परिभाषित करता है)

3. हर कुछ कॉलम को विभाजित करें (यानी 100 स्तंभों के साथ एक, प्रत्येक 10 कॉलम के साथ 10 टेबल उत्पन्न करें)। स्क्रीन पर सभी साइड-साइड दिखाने के लिए सीएसएस table {display: inline-table} का उपयोग करें। यह चाल केवल तभी काम करती है जब आपके पास अलग-अलग ऊंचाई वाली कोशिकाएं न हों।