css - How to style tables on successive pages of a paged media output? -


मेरे पास इस तरह एक html तालिका है:

  & lt; div class = "report" & gt; & LT; तालिका & gt; & LT; thead & gt; ... & lt; / thead & gt; & LT; tfoot & gt; ... & lt; / tfoot & gt; & LT; tbody & gt; & Lt; tr class = "row-to-style" & gt; ... & lt; / tr & gt; & Lt; / tbody & gt; & LT; tbody & gt; ... & lt; / tbody & gt; & Lt; / तालिका & gt; & Lt; / div & gt;  

ध्यान दें कि सभी उपरोक्त समान रूप से संरचित हैं I मैं दूसरों से अलग तरह से पहली tr.ow-to-style पंक्ति को शैली में करना चाहता हूं। प्रत्येक व्यक्ति के पास ट्र। टू-टू-स्टाइल होगा लेकिन मैं केवल एक पृष्ठ पर पहली ऐसी पंक्ति को प्रभावित करना चाहता हूं। आउटपुट पैड मीडिया है, विशेष रूप से प्रिंसएक्सएमएल ने एक्सएचटीएमएल स्रोत फ़ाइलों से पीडीएफ फाइलों का उत्पादन किया है। इसका अर्थ है कि हम उन्नत सीएसएस चयनकर्ताओं का उपयोग कर सकते हैं, क्रॉस-ब्राउज़र संगतता की आवश्यकता नहीं है, और जावास्क्रिप्ट का उपयोग नहीं किया जा सकता।

आउटपुट के प्रथम पृष्ठ पर लक्ष्य पंक्ति को शैली में आसान है मैं इसका उपयोग कर सकता हूं:

  टेबल टिफूट + टिडी tr.row-to-style {...}  

इसके अलावा, अगर मुझे पता है कि कितने लोग एक पृष्ठ पर फिट, मैं कुछ ऐसा कर सकता हूँ:

  टेबल टैब: nth-of-type (4n + 1) tr.row-to-style {...}  

लेकिन अगर मुझे एक पृष्ठ पर फिट होने वाले नंबर की संख्या नहीं पता, तो मैं पहले को कैसे लक्षित कर सकता हूं?

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

इस प्रकार, आउटपुट में प्रत्येक पृष्ठ पर एक छद्म-तेड और छद्म-पैट है। लेकिन मुझे ऐसे किसी पृष्ठ के पहले व्यक्ति को चिह्नित करने का उपयोग करने का कोई तरीका नहीं है। कोई विचार? धन्यवाद ...

ऐसा कोई प्रलेख नहीं लगता है जो लक्ष्यीकरण की संभावना के बारे में बात करता है "पृष्ठ बॉक्स" पर आधारित सीएसएस, जो कि @ पृष्ठ बनाता है सब कुछ बात करता है कि कैसे @ पृष्ठ एक "पृष्ठ बॉक्स" बनाता है लेकिन किसी पृष्ठ पर बाल तत्वों को स्टाइल करने के लिए उस पृष्ठ बॉक्स तक पहुंच या इंगित करने के बारे में कुछ नहीं। ये अंधेरे में सभी शॉट हैं, अनचाहे नहीं हैं, और संभवत: मान्य नहीं है, लेकिन हो सकता है ...

  @ पृष्ठ समूह: प्रथम-बच्चा tr.row-to-style {शैलियां यहां जाएं} < / कोड>  

या शायद नामित पृष्ठों का कुछ उपयोग? जैसे:

  @page नामओफ़पृष्ठ {} टी: पहला बच्चा tr.row-to-style {पेज: nameOfPage;  

या कुछ ऐसा @ मीडिया परिभाषित करते हैं:

  @page {tbody: first-child tr} पंक्ति से शैली {शैलियों यहाँ जायें}}  

या हो सकता है (चूंकि मैं मानता हूं कि प्रत्येक पृष्ठ पर thead और tfoot < / कोड>, जो सैद्धांतिक रूप से thead को प्रत्येक पृष्ठ के पहले tbody से पहले रखना चाहिए):

  thead + tbody tr.row-to - शैली {शैलियों यहाँ जाना है}  

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


Comments