बाद के पृष्ठों में तालिका तालिका शीर्षलेख

मैं browsser प्रिंट कार्यक्षमता का उपयोग करते समय बाद के पृष्ठों में तालिका शीर्षलेख प्रदर्शित करने का प्रयास कर रहा हूं। फ़ायरफ़ॉक्स का उपयोग करके मैं केवल पहले पृष्ठ में शीर्षलेख प्रदर्शित करने में सक्षम हूं। हेडर टैग द्वारा परिभाषित किया गया है। कोड निम्नलिखित है:बाद के पृष्ठों में तालिका तालिका शीर्षलेख

<html> 
<head> 
    <style type="text/css"> 
     @media print 
     {   
      thead 
      { 
       display: table-header-group;  
      } 
     } 
    </style> 
</head> 
<body>  
    <table> 
     <thead> 
      <tr><td>header1</td></tr> 
      <tr><td>header2</td></tr> 
      <tr><td>header3</td></tr> 
      <tr><td>header4</td></tr> 
      <tr><td>header5</td></tr> 
      <tr><td>header6</td></tr> 
      <tr><td>header7</td></tr> 
      <tr><td>header8</td></tr> 
      <tr><td>header9</td></tr> 
      <tr><td>header10</td></tr> 
      <tr><td>header11</td></tr> 
      <tr><td>header12</td></tr> 
      <tr><td>header13</td></tr>     
     </thead> 
     <tbody> 
      <tr><td> 
      Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/> 
      Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/> 
      Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/> 
      Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/> 
      Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>   
      </td></tr> 
     </tbody> 
    <table> 

</body>

उपयोग मुद्रण पूर्वावलोकन मेरी वर्णन परीक्षण करने के लिए। आप कोड

<tr><td>header13</td></tr>

हैडर सभी पृष्ठों में प्रदर्शित की निम्न पंक्ति को निकाल देते हैं जैसे मैं करना चाहता हूँ। यह कैसे ठीक कर सकता है? यह तालिका शीर्षलेख की अधिकतम ऊंचाई का मामला प्रतीत होता है।

स्रोत

2011-02-07 JP.

कोशिकाओं के लिए अपने तालिका शीर्षलेख में <td> के बजाय <th> का उपयोग करने का प्रयास करें। ब्राउजर को स्वचालित रूप से उन शीर्षकों को प्रत्येक पृष्ठ पर प्रिंट करना चाहिए। साथ ही, सुनिश्चित करें कि प्रत्येक <tbody> पंक्ति में सेल्स की संख्या शीर्षलेख में कक्षों की संख्या के बराबर होती है।

स्रोत

2011-02-07 18:49:57 julesj

मैं जो कोशिश करता हूं उसे आजमाएं लेकिन असुविधाजनक रूप से काम नहीं करता है। कृपया यह देखने के लिए मेरा उदाहरण आज़माएं कि यह काम नहीं कर रहा है और फिर "हेडर 13" लाइन को हटा दें। फिर व्यवहार की उम्मीद है। मुझे लगता है कि थाड टैग की अधिकतम ऊंचाई –

यह सुनिश्चित नहीं है कि आपके thead पर बहुत अधिक पंक्तियां क्यों हैं। नीचे दिया गया कोड बहुत अच्छी तरह से काम करता है (फ़ायरफ़ॉक्स पर परीक्षण)। मैंने 20 टेबल हेडर का भी परीक्षण किया, अभी भी अच्छी तरह से काम करता है।

<html> 
<head> 
    <style type="text/css"> 
     @media print { 
      thead 
      { 
       display: table-header-group; 
      } 
     } 
    </style> 
</head> 
<body> 
    <table> 
     <thead> 
      <tr> 
       <th>header1</th> 
       <th>header2</th> 
       <th>header3</th> 
       <th>header4</th> 
       <th>header5</th> 
       <th>header6</th> 
       <th>header7</th> 
       <th>header8</th> 
       <th>header9</th> 
       <th>header10</th> 
       <th>header11</th> 
       <th>header12</th> 
       <th>header13</th> 
      </tr>    
     </thead> 
     <tbody> 
      <tr> 
       <td>text</td> 
       <td>text</td> 
       <td>text</td> 
       <td>text</td> 
       <td>text</td> 
       <td>text</td> 
       <td>text</td> 
       <td>text</td> 
       <td>text</td> 
       <td>text</td> 
       <td>text</td> 
       <td>text</td> 
       <td>text</td> 
      </tr> 
      <!-- 
       Code is too long to paste. 
       If you're using emmet/zencoding, try to expand 
       the code below to print 1000 rows 

       (tr>(td{text})*13)*1000 
      --> 
     </tbody> 
    <table> 
</body>

स्रोत

2012-12-26 15:19:20

यह 1 पंक्ति बनाम 13 पंक्तियां है? –

बाद के पृष्ठों में तालिका तालिका शीर्षलेख

उत्तर

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