मीडिया प्रिंट एकाधिक पेज टेबल-सीमा-लेआउट

जब मैं इसे प्रिंट करता हूं, बाईं ओर और दूसरे पृष्ठ पर तालिका के शीर्ष पर सीमा गुम होती है। मैं इसे कैसे ठीक करूं?मीडिया प्रिंट एकाधिक पेज टेबल-सीमा-लेआउट

<!DOCTYPE HTML> 
<html> 
<head> 
    <meta charset="UTF-8" /> 
    <style type="text/css"> 
     @media print 
     { 
      body { 
       margin: 0; 
       padding: 0; 
       color: #000000 !important; 
       background-color: #ffffff !important; 
      } 
      * { 
       color: inherit !important; 
       background-color: transparent !important; 
       background-image: none !important; 
      } 
      table { 
       width: 100%; 
       border: 1pt solid #000000; 
       border-collapse: collapse; 
       font-size: 11pt; 
      } 
      #space { height: 750px; } 
     } 
    </style> 
</head> 
<body> 
    <br /><br /> 
    <h2>.</h2> 
    <div id="space"></div> 
    <table border="1"> 
     <thead> 
      <tr><th>Amount</th><th>label</th></tr> 
     </thead> 
     <tbody> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
     </tbody> 
    </table> 
</body> 
</html>

स्रोत

2011-09-12 sid_com

आपका ब्राउज़र क्या है? एफएफ 6 पर काम करता है। यदि आप एक पीडीएफ उत्पन्न करते हैं तो यह सुनिश्चित करें कि ज़ूम अच्छा है और यह ज़ूम प्रस्तुत करने की समस्या नहीं है ... –

FF6। यदि मैं एक पीडीएफ उत्पन्न करता हूं तो यह थोड़ा बेहतर दिखता है लेकिन अभी तक अच्छा नहीं है: बाएं और शीर्ष सीमाएं हैं, लेकिन वे अन्य सीमाओं के बाद पतली हैं। –

बदलें अपनी मेज शैली कुछ है करने के लिए अच्छा लग रहा है:

table { 
    border: 1pt solid #000000; 
    border-collapse: separate; 
    border-spacing: 0; 
    font-size: 11pt; 
    width: 100%; 
    }

संपादित करें: , कुछ सही लग रहा है, पहले करवाने के लिए हटाने के सभी तालिका सीमा तो आप क्या चाहते हैं के साथ एक शैली को परिभाषित, आदेश में केवल एक सीमा से लाइन के लिए (वें, टीडी, टीआर के लिए सीमा बनाने):

table { 
     border-collapse: separate; 
     border : 0px solid #000000; 
    border-spacing: 0; 
    font-size: 11pt; 
    width: 100%; 
    border-color: #000000 ; 
    border-right: 1px solid; 

} 
tr { 
    border-color: #000000 ; 
    border-style: none ; 
    border-width: 0 ; 
} 
td { 
    border-color: #000000 ; 
    border-left: 1px solid; 
    border-bottom:1px solid ; 
} 

th { 
    border-color: #000000 ; 
    border-left: 1px solid; 
    border-top:1px solid ; 
    border-bottom:1px solid ; 
}

स्रोत

2011-09-14 15:01:26

यह बेहतर दिखता है, लेकिन अभी तक अच्छा नहीं है। पहला पृष्ठ नीचे सीमा और दूसरी पृष्ठ शीर्ष सीमा शेष सीमाओं के रूप में केवल आधा मोटी है। –

यह सामान्य है। लेकिन संपादन में नया "सही" समाधान। –

यदि मैं स्पष्ट रूप से 'सीमा' को सेट करता हूं तो सभी सीमाओं की आवश्यकता नहीं होती है, यह काम करता है। –

tabl के मार्जिन दें ई की सीमा-चौड़ाई तालिका में दूसरी और बाद के पृष्ठों पर क्लिपिंग को रोकने के लिए जब आपकी तालिका ढह गई सीमा हो।

<table style="border:1px solid black; margin:1px;"> 
    <thead> 
     <tr><th>Amount</th><th>label</th></tr> 
    </thead> 
    ....

स्रोत

2013-12-08 22:23:48 Peter

मीडिया प्रिंट एकाधिक पेज टेबल-सीमा-लेआउट

उत्तर

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