प्रत्येक पृष्ठ पर मुद्रित स्टाइलिंग हेडर

Question

मैंने हाल ही में प्रत्येक पृष्ठ के शीर्ष पर ब्राउज़र प्रिंट <thead> ब्लॉक का समर्थन करने के लिए सीएसएस कोड की खोज की है (@media print {} में) का उपयोग कर। यह प्रिंटिंग टेबल के लिए मेरे आवेदन में कोड को बहुत सरल बनाता है।

हालांकि, मेरे मुवक्किल शैलियों के बारे में बहुत picky है। ऐसा लगता है कि पुनः मुद्रित शीर्षलेख समूहों में मूल शीर्षलेखों की कुछ शैलियों की कमी होती है, अर्थात् border-bottom-style और border-bottom-width हेडर को तालिका निकाय से अलग करने के लिए। चूंकि यह एक कठिन आवश्यकता प्रतीत होता है, इसलिए मैं इन शैलियों को उन हेडर समूहों के साथ शामिल करने में सक्षम होना चाहता हूं।

मैं उन शैलियों मुद्रित करने के लिए फ़ायरफ़ॉक्स (विकल्प के बारे में हमारी ब्राउज़र) के लिए मजबूर करने के लिए इस शर्त को पूरा करने के प्रयास करने के लिए कई अलग अलग तरीकों की कोशिश की है, लेकिन इन तरीकों में से कोई भी वांछित परिणाम प्राप्त होने लगते हैं। कुछ उदाहरण है कि मैं कोशिश की है:

@media print { 
    thead { 
     display: table-header-group; 
     border-bottom-style: solid; 
     border-bottom-width: 3px; 
    } 
} 

और

<thead style="border-bottom-style: solid; border-bottom-width: 3px;"></thead> 

और

table.class thead { 
    border-bottom-style: solid; 
    border-bottom-width: 3px; 
} 

और

table.class th { 
    border-bottom-style: solid; 
    border-bottom-width: 3px; 
} 

मेरा प्रश्न है, तो: वहाँ स्थापित करने के लिए एक रास्ता है इन पुनर्निर्मित हेडर समूहों पर शैलियों? या ब्राउज़र बस स्पार्टन डिफ़ॉल्ट तालिका शीर्षलेख शैलियों (बोल्ड-फेस टेक्स्ट) का उपयोग करता है?

मुझे माफ़ कर दो, तो यह सवाल पहले से ही कहा गया है और जवाब दे दिया। मैंने चारों ओर खोज की लेकिन इस विशेष मुद्दे के बारे में कुछ भी नहीं मिला। display: table-header-group; से निपटने के कई सवाल थे लेकिन उन हेडर समूहों को स्टाइल करने के बारे में कोई भी नहीं था।

Answer 1

शीर्ष लेख पंक्ति की कोशिकाओं पर सीमा निर्धारित करना फ़ायरफ़ॉक्स 14 पर ठीक काम करने के लिए लगता है:

@media print { 
    thead { 
     display: table-header-group; 
    } 
    thead th { 
     border-bottom-style: solid; 
     border-bottom-width: 3px; 
    } 
} 

फ़ायरफ़ॉक्स वास्तव में display: table-header-group बात की जरूरत नहीं है, लेकिन अन्य ब्राउज़रों, आवश्यकता हो सकती है सवाल CSS: Repeat table headers in print mode देखते हैं।