Export multiple DIVs to single pdf

Question

I have page which shows number of tables within a DIV. Those tables have colspan and other attributes. I want to export the whole DIV in a pdf. I was able to do that by using html2pdf library. But it has scaling issues if the data is big and creates more than 17-18 pages, which is known issue of html2pdf library. To resolve that I wanted to break that parent div into two and combine both but that is also not possible. There are libraries which combine pdfs at nodeJS server side. Can someone help me on how to send whole html(containing div and tables) to node(server side) and then create PDF and Save it? Any other solution will also be helpful.

Answer 1

You can simply put a button for downloading the site in pdf like this:

<html>
    <head>
        <style>
            #print_btn{
                cursor:pointer;
            }
        </style>
    </head>
    <body>
        <a id="print_btn">Download PDF</a>
        <script type="text/javascript">
            document.addEventListener("DOMContentLoaded", function() {
                document.getElementById('print_btn').addEventListener('click', function(){
                    if(window.print){
                        window.print();
                    }
                })
            });
        </script>
    </body>
</html>

And with the css @media only print{} rule you can control which elements to hide, or resize.

Export multiple DIVs to single pdf

Question

1 answers

solution1
0 2019-01-03 23:58:03

Export multiple DIVs to single pdf

Question

1 answers

solution1 0 2019-01-03 23:58:03

solution1
0 2019-01-03 23:58:03