Using Nreco.PDf Generator I am not able to see the table borders after converting html to pdf

106 views
Skip to first unread message

chella ack

unread,
Dec 14, 2023, 11:53:01 PM12/14/23
to wkhtmltopdf General
Please Help me to resolve the issue 
The following code works fine in html.
<style>
    .content {
        width: 88%;
        height: 88%;
        margin-left: auto;
        margin-right: auto;
        margin-top: auto;
        margin-bottom: auto;
        padding-top: 0px !important;
    }

    .content {
        width: 96%;
    }

    .main {
        width: 100%;
        background: #fff;
        padding: 0;
        margin: 0 auto;
        padding-bottom: 5px;
    }

    .jv_pdf .cure-table td,
    .jv_pdf .cure-table th {
        page-break-inside: avoid !important;
    }

    .jv_pdf .cure-table td {
        page-break-inside: avoid !important;
    }

    .jv_pdf .cure-table-odd td {
        page-break-inside: inherit !important;
    }

    .jv_pdf .cure-table {
        page-break-inside: inherit !important;
    }

    .jv_pdf .pure-table td {
        page-break-inside: inherit !important;
    }

    .jv_pdf .pure-table th {
        page-break-inside: inherit !important;
    }

    .jv_pdf .pure-table td {
        page-break-inside: inherit !important;
    }

    .jv_pdf .pure-table-odd td {
        page-break-inside: inherit !important;
    }

    .jv_pdf .pure-table {
        page-break-inside: inherit !important;
    }

    .jv_pdf .pure-table thead {
        page-break-inside: inherit !important;
    }

    .jv_pdf .pure-table th {
        page-break-inside: inherit !important;
    }
</style>
<div class="main jv_pdf">
    <div class="content">
        <table style="width:100%;">
            <thead style="display: table-header-group;">
                <tr>
                    <td style="width: 20%;border: none !important;">

                        <img src="data:image/png;base64,R0lGODlhZgAPALMAANVtbeGnp/DW1vv29t6amuW0tNuMjM9FRdJZWc0qKth9ffTh4erGxvfr68wAAP///ywAAAAAZgAPAAAE//DJxwhILmugAhtTIIpT+YykKQmop0qBAgCIlh1zUICrRduZBMfDmxQwwKQG0XgAX07ba4C0CV7KrMMA0ioTBF4AKAQcsgfJEytVGZQI9gYgslRvAyDOIDLUgAASfxpFDwsCBIMBam0qayUCWgWOjRMDbzYFQFcmDYMZC1E2AAUChQ8NBQo8jyatgkGRNglNJa8TQGNWL7IaVwpaQnyctjYtI6+aGYsEQAqulRO9Gcq+L9UZV55eNgrE3EolDUhpD1SbxRoPpQICFUBMzsSoukuWAWfgW4z66hPA2SYw0JMuQzMtALpk+bTklKECfrgtAjSj4oxH0yTiMgaHQCh+4JMOMDBBp9aEQwUI5NuQEcqjleBogXRAIUmCjzPpWARAoABOIxsKmCwBE8DAaBv91ev3TFQGCQvuOEgwcuY8KBNg3ujQTgC2fbdmorI3ReuVR9tyWcVqYoHWmAr9UVIHQMNPE0c1HMhTaQBAG1zQsW2bSB8XsXIMaiAwuC5HpAdtMLw62BILHxX5MBhaubPnz6DZRgAAOw=="
                            alt="logo" style="width: 150px;height: auto;vertical-align: bottom;" />
                        <h4 style="margin-bottom:0px; font-size:15px">SHARP MIDDLE EAST FZE </h4>
                        <p>P.O. Box 17115, Jebel Ali</p>
                        <p>Dubai, United Arab Emirates</p>
                        <p>Tel : (971) 4 - 8815311</p>
                        <p>Fax : (971) 4 - 8816692</p>
                    </td>
                    <td colspan="3"
                        style="width: 60%; text-align: center;border: none !important; vertical-align:bottom">
                        <h2 style="margin-bottom:0px; font-size:31px">Déclaration <img
                                src='data:image/png;base64,UklGRjwFAABXRUJQVlA4IDAFAAAQIACdASqgAKIAPmUmkEWkIiGZ5BhABkS0t3BgADNP7m/Vj/DdrP9wyCkBX7r/peFPYJ3mGBelHmceP36n9g/9burv5M1yN+l5zt0zdQ+LCPwktE3+X76RK31v+WA/ifHQZFatPKOPWOvOxnQfzgEWlLAorbdQqx+/Ha2//f4U8sAcyEr6yeWbennqTxuMyNbjaY2fP+iC86K5AA3InX7iRZ6joYsa4eBweNNxqUJEKTBskgiPsfDgMU42GzruoHvh7MdvkHci06VRXx2w33NTxyA9p+s+WWApyYZkelNcjbFDQEb8943Z8wQL0sB1vXqKZX0jSF+UMG8YnNelcelY8C6jmr+Y6iNAAP7IAFZHbeNj/B3AcPILSZL2KPSWq2NX5QPOYx38TCMG7WnbutWj4VlJhsgiNi6ynnH7PX8KRS2PbC4kO7XdDoqOc0s5ZZRlkvmR9gQpZ4KOxRnCnhcDDYqQU5/Gl/pQ4TE0S0dOJwsoW4eL9Lcan5J8Ljgfz6sfcb9h8fr/5nfOmxnVlkn6UV2AjXUIIsCgr07QkGePeWOBppdWCWI+a0OQ4KsmzZznYgCGdoT/B5039yOkkG4NmjrFOrsS9bNnMiuHQe5vbiAYceCULj+6JWoUKJK1s+45gf7zd1pvDaUQ+dA1V6LKdsjJKcMeW7KfqKNARDNh9qaL5LehOH3MdN/7Pc3raNp88F8SFeWL9xB2z7yvQVyQBlo/F4vKVqZSvdvhL3wOMPam7zDJoIJPb7UBUWang84Arr2tXD5fbpk3ROx8X3zqpr2VrN4lzfwiyRUBvQHn3P6rWJSer3Dz0BNG4qWDrSFmJBg6Dxa7TEB4dy3+518v30xtVNUh2KCaebCmA+kDyML/nzUSK23xGv3drYu6xbPKsYxHRiAnC0H7LqCkARhvRkxuoblV9XPTCPYxOA6vxg7H3ghq21UMA0mua8a9cB955rGYoumd507uIuV5wX5ZI9fVTMPVM8ZGnrXmas4Hc4cWavs3kUl0COCy0Rn5e9heXaJrAgMigfdBO9HBDKZrzr6AVOGajayHHogwzmrOzPP3Ja+Hn2qEf830/Z3mKLjrvt46mAVh/33SLhBHfEud5hy9bRjOCBJstKlDUdN+Pv/3XCcGLim0ZnXkN7MJ9gDUyKvUozE09Hx4pejoiJN9PTD3ptum3Gkx2VwQ5JRb3whEsDZO5RtQ5pZm8W3mA5gkHfDrb6chRVq7Tg56FTUayUDFRpFBagz9iFMgcSN4+sWo49IHrDfWaZ/31ofh4cj4CS44Ksn8cMq9QOuEqYIQoxTQoxPMxr+QX+hxTscVgF3RY6ak3cDCMYi1z42JS/Hojv9bM3Nccl2TNd9tabgjTMHwzHp4GdRJ8iYaWuM43dcpUAJyZ4apP/V2C68XD05cGZxfRvJwUoWhS6rslrApecyEf/XkJtsCsBkODOjajuVDygKY0QrMcP4EAQuRtTRoqGJjLZBZjtboMaknq9AQZq0tXEa176q2J+r57spdI3JFpzpBntAiRTqddSia54s1tr0YcOlq3A7ehW7Bo5zH4d8u8SzBkt7toYpRlx76ApMraDnBcvsR2QqY+OB811dzySTZyW/jl6Fs+6dIXODOgdWTrxnBsVF5ZaHPvCyrvASuLvNqs/7v9eLHOPngWusS3XxTo6LqV7LHhmFhjbsLV/3CO1vJ5Xr7ICRSK6CoAsuHGabadiwUwowmOc4rr0f+rY6x9pR44Jt1fSOdUk3nqyRLA27+dCDC6XwHVAAAAA=='
                                alt='logo' style='width: 150px;height: auto;vertical-align: bottom;' /> de conformité
                        </h2>
                    </td>
                    <td
                        style="width: 20%;text-align: right;border: none !important;vertical-align: bottom; direction:rtl">
                        <h4 style="margin-bottom:0px; font-size:18px">
                            <b>شارب الشرق الأوسط</b>
                        </h4>
                        <p>
                            ص.ب: 17115 جبل علي
                        </p>
                        <p>
                            دبي، الإمارات العربية
                        </p>
                        <p>
                            تليفون: 97148815311
                        </p>
                        <p>
                            فاكس: 97148816692
                        </p>
                    </td>
                </tr>
                <tr>
                    <td style="border:none!important;padding:15px;"></td>
                </tr>
            </thead>
        </table>
    </div>
</div>

chella ack

unread,
Dec 14, 2023, 11:54:58 PM12/14/23
to wkhtmltopdf General
Sorry this is the following code
     
<html>
<head>
  <title>PDF</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <style>
    .content {
      width: 96%;
    }
    table>tr,
    td {
      border-bottom:1px dotted black;
      border-collapse: collapse;
 
    }
    table {
 border: 1px solid black;
      border-collapse: collapse;
    }
  </style>
</head>
<body>

  <div class="main jv_pdf">
    <div class="content">
      <div class="topheading">
        <div class="post" style="margin-top:20px">
          <table style=" margin-top:20px; text-align:center" class="cure-table border_none" width=" 100%">
            <tbody>
              <tr style="text-align:left;">
                <td style="width: 24% ; font-size:17px !important;">Unique identification no. of the electrical
                  equipment(Model no):</td>
                <td style="width: 57%;text-align:center; font-size:17px !important;border:white !important;border-bottom:1px dotted black !important;" colspan="3">
                   SCF-K130X-SL3
                </td>
                <td style="width: 20%;text-align:right; font-size:19px !important;">
                  الرقم التعريفي الوحيد للجهاز أو المعدة الكهربائية (رقم الطراز):
                </td>
              </tr>
              <tr style="text-align:left;font-size:17px !important; ">
                <td style="font-size:17px !important;">Name and address of the manufacturer or his authorized
                  representative:</td>
                <td colspan="3" style="text-align:center;font-size:17px !important;">
                  Sharp Middle East FZE</br>Plot No.: MO0421 P.O. Box 17115, Jebel Ali Free Zone, Jebel Ali, Jebel Ali Zone,</br>Dubai, UAE
                </td>
                <td style="width:20%;text-align:right;font-size:19px !important;">
                  اسم و عنوان الصانع أو ممثله الرسمي:
                </td>
              </tr>
              <tr style="text-align:left">
                <td style="font-size:17px !important;">This declaration of conformity is issued under the sole
                  responsibility of the manufacturer:</td>
                <td colspan="3" style="text-align:center"><span style="font-size:17px !important;">
                    Sharp Middle East FZE
                  </span></br></br><span style="font-size:19px !important;">
                    شارب الشرق الأوسط م.م.ح
                  </span></td>
                <td style="width: 20%;text-align:right;font-size:19px !important;">
                  تم إصدار هذا الإقرار تحت المسؤولية الكاملة للصانع:
                </td>
              </tr>
              <tr style="text-align:left">
                <td style="font-size:17px !important;">Object of the declaration (identification of electrical equipment
                  allowing traceability)</br></br> It shall include a color image of sufficient clarity to enable the
                  identification of the appliance </td>
                <td colspan="3" style="text-align:center ;font-size:17px !important;">
                  SHARP - Chest Freezers</br></br><span style="font-size:19px !important;">
                       
                      </span>
                </td>
                <td style="width: 20%;text-align:right;font-size:19px !important;">
                  موضوع الإقرار (تعريف الجهاز أو المعدة الكهربائية مع توفير معطيات التتبعية).</br></br></br>
                    يجب إرفاق صورة بالألوان واضحة بما فيه الكفاية للتعريف بالجهاز.
                </td>
              </tr>
              <tr style="text-align:left">
                <td style="font-size:17px !important; border-right:none;">The object of the declaration described in point 4 is in
                  conformity with the relevant Community harmonization legislation:</td>
                <td colspan="3" style="text-align:center;font-size:19px !important;">
                  نعم مطابق للائحة<br>Yes in conformity with <br><br>
                    IFO-1234567890 IFO-1234567890
                      <RegNo>
                </td>
                <td style="width: 20%;text-align:right;font-size:19px !important;">
                  موضوع الإقرار المبين في الفقرة 4 مطابق لمتطلبات اللوائح الخليجية:
                </td>
              </tr>
              <tr style="text-align:left">
                <td style="font-size:17px !important;">References to the relevant standards used, or references to the
                  specifications in relation to which conformity is declared:
                </td>
                <td colspan="3" style="text-align:center;height: 50px;font-size:17px !important;">
                  test
                </td>
                <td style="width: 20%;text-align:right;font-size:19px !important;">
                  الإشارة إلى المواصفات القياسية الخليجيىة المطبقة، أو المتطلبات الفنية المستخدمة في الإقرار بالمطابقة
                </td>
              </tr>
              <tr style="text-align:left">
                <td style="font-size:17px !important;">The notified body names &, number,scope of</br> intervention &
                  certificate issued:</td>
                <td colspan="3" style="text-align:center;font-size:17px !important;">
                  NP-0001 - Notify part data
                </td>
                <td style="width: 20%;text-align:right;font-size:19px !important;">
                  اسم الجهة المقبولة و رقمها (إذا لزم)، تحديد مجال تدخلها المستخدم و الشهادة الصادرة عنها:
                </td>
              </tr>
              <tr style="text-align:left">
                <td rowspan="4" style="font-size:17px !important;">Additional Information:</br>Signed for and on behalf
                  of:</br>(place and date of issue)</br>(name,function)</br>signature</td>
                <td colspan="3" style="text-align:center;height: 25px;font-size:17px !important;">
                  UAE, Bahrain, Kuwait, Oman, Qatar, Saudi Arabia, Yemen
                </td>
<td rowspan="4" style="text-align:right;font-size:19px !important;">
                  معطيات إضافية:</br>
                    موقع من طرف و بتفويض عن:</br>
                      (مكان و تاريخ الإصدار)</br>
                        (الاسم، الوظيفة)
                </td>
              </tr>
              <tr>
                <td style="width: 30px;">Dubai</td>
                <td style="width: 30px;">
                 
                </td>
                <td style="width: 30px;">
                  دبي
                </td>
              </tr>
              <tr>
                <td colspan="3" style="text-align:center;height: 25px;">
                  Juri - BOMD - Director
                </td>
              </tr>
              <tr style="margin-bottom:7px;">
                <td colspan="3" style="text-align:center;height: 45px;">
                 
                </td>
              </tr>
              <tr style="margin-bottom:17px;">
                <td style="border:none!important"></td>
              </tr>
              <tr style="text-align:left;page-break-inside: avoid !important;">
                <td style="border:none!important;padding-top:60px;opacity:0.6;">
                  Internal Reference: COM-GMARK-2023-00010
                </td>
                <td style="border:none!important;" colspan="3" style="text-align:center"> </td>
                <td style="border:none!important;page-break-inside: avoid !important; ">
                 
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</body>
</html>

Reply all
Reply to author
Forward
0 new messages