wkhtmltopdf

<!DOCTYPE html>
<html>

<head>
    <title>A little test</title>
    <style>


        .ceta_table_quote_section {
            width: 100%;
        }

        #ceta_cover_page_titles {
            margin-top: 100pt;
            padding: 5pt;
            background-color: #eee;
            border-top: 2pt solid #A00000;
            border-bottom: 2pt solid #A00000;
            line-height: 20px;
        }


        .ceta_row_quote_section_header {
            background-color: #A00000;
            color: white;
            text-align: left;
        }

        .ceta_row_quote_column_headings {
            background-color: #eee;
        }

        .ceta_section_title {
            background-color: #A00000;
            color: white;
            padding: 3pt;
            margin-top: 15pt;
            font-weight: bold;
            margin-bottom: 10pt;
        }
    </style>
</head>

<body>


    <div class='ceta_section' id='ceta_section_quote_information'>

        <span id="poo"></span>
    </div>

    <div class='ceta_section_title ceta_box'>PROJECT DESCRIPTION</div>

    <div class='ceta_content'>
        <p>Hello Bob,</p>
        <p dir="ltr"><br></p>
        <p dir="ltr">Thank you for approaching us, we would love to collaborate with you and Chris on this great
            project.</p>

    </div>


    <div class='ceta_section' id='ceta_section_quote_details'>
        <div class='ceta_box ceta_section_title'>BID BREAKDOWN</div>
        <div class=''>
            <table class='ceta_table ceta_table_quote_section'>
                <tr class='ceta_row ceta_row_quote_section_header'>
                    <td colspan='13' data-col='section.title'>
                        <div class='ceta_cell_section_header ceta_cell_section_title'>something</div>
                        <div class='ceta_cell_section_header ceta_cell_section_subtitle'></div>
                    </td>
                </tr>

                <tr class='ceta_row ceta_row_quote_column_headings'>
                    <th class='ceta_cell_heading ceta_data_type_text'' data-col=' rownum'>#</th>
                    <th class='ceta_cell_heading ceta_data_type_text'' data-col=' description'>Description</th>
                    <th class='ceta_cell_heading ceta_data_type_number'' data-col=' quotedunits'>Qty</th>
                    <th class='ceta_cell_heading ceta_data_type_number'' data-col=' quotedtime'>Time</th>
                    <th class='ceta_cell_heading ceta_data_type_text'' data-col=' unit'>/ Unit</th>
                    <th class='ceta_cell_heading ceta_data_type_currency'' data-col=' quotedtotal'>Total</th>
                </tr>
                <tr class='ceta_row ceta_row_quote_section_detail' data-row-number='1' data-manualtotal='0.00'
                    data-quotedtime='1' data-quotedunits='1'>
                    <td class='ceta_cell_data ceta_data_type_text ' data-col='rownum'>1</td>
                    <td class='ceta_cell_data ceta_data_type_text ' data-col='description'>contracted work</td>
                    <td class='ceta_cell_data ceta_data_type_number ' data-col='quotedunits'>1</td>
                    <td class='ceta_cell_data ceta_data_type_number ' data-col='quotedtime'>1</td>
                    <td class='ceta_cell_data ceta_data_type_text ' data-col='unit'>/ Day</td>

                    <td class='ceta_cell_data ceta_data_type_currency ' data-col='quotedtotal'>15,000.00</td>
                    </td>
                </tr>
            </table>


            <table class='ceta_table ceta_table_quote_section'>
                <tr class='ceta_row ceta_row_quote_section_header'>
                    <td colspan='13' data-col='section.title'>
                        <div class='ceta_cell_section_header ceta_cell_section_title'>DISCOUNT</div>
                        <div class='ceta_cell_section_header ceta_cell_section_subtitle'></div>
                    </td>
                </tr>
                <tr class='ceta_row ceta_row_quote_column_headings'>
                    <th class='ceta_cell_heading ceta_data_type_text'' data-col=' rownum'>#</th>
                    <th class='ceta_cell_heading ceta_data_type_text'' data-col=' description'>Description</th>
                    <th class='ceta_cell_heading ceta_data_type_number'' data-col=' quotedunits'>Qty</th>
                    <th class='ceta_cell_heading ceta_data_type_number'' data-col=' quotedtime'>Time</th>
                    <th class='ceta_cell_heading ceta_data_type_text'' data-col=' unit'>/ Unit</th>
                    <th class='ceta_cell_heading ceta_data_type_currency'' data-col=' quotedtotal'>Total</th>
                </tr>
                <tr class='ceta_row ceta_row_quote_section_detail' data-row-number='171' data-manualtotal='0.00'
                    data-quotedtime='1' data-quotedunits='1'>
                    <td class='ceta_cell_data ceta_data_type_text ' data-col='rownum'>19</td>
                    <td class='ceta_cell_data ceta_data_type_text ' data-col='description'>discount</td>
                    <td class='ceta_cell_data ceta_data_type_number ' data-col='quotedunits'>1</td>
                    <td class='ceta_cell_data ceta_data_type_number ' data-col='quotedtime'>1</td>
                    <td class='ceta_cell_data ceta_data_type_text ' data-col='unit'>/ Each</td>
                    <td class='ceta_cell_data ceta_data_type_currency ' data-col='quotedtotal'>-5,000.00</td>
                    </td>
                </tr>

            </table>
        </div>
    </div>


    <script type="text/javascript">
        function sortOutTotals() {
            document.getElementById("poo").textContent = "something here";
            var masterElement = document.getElementsByClassName("ceta_row_quote_section_detail");

            for (var i = 0; i < masterElement.length; i++) {
                var subElement = masterElement[i];
                var targetElement = subElement.querySelector("td[data-col='quotedtotal']");
                console.log(targetElement.textContent);
                targetElement.remove();
                targetElement.textContent = "poo";
            }

            var masterElement = document.getElementsByClassName("ceta_row_quote_section_detail");
            for (var i = 0; i < masterElement.length; i++) {
                var subElement = masterElement[i];
                var targetElement = subElement.querySelector("td[data-col='description']");
                targetElement.colSpan = 2;
            }

            var masterElement = document.getElementsByClassName("ceta_row_quote_column_headings");
            for (var i = 0; i < masterElement.length; i++) {
                var subElement = masterElement[i];
                var targetElement = subElement.querySelector("th[data-col='quotedtotal']");
                targetElement.remove();
            }

            var masterElement = document.getElementsByClassName("ceta_row_quote_column_headings");
            for (var i = 0; i < masterElement.length; i++) {
                var subElement = masterElement[i];
                var targetElement = subElement.querySelector("th[data-col='description']");
                targetElement.colSpan = 2;
            }
        }


        window.onload = function (e) {
            setTimeout(function () {
                sortOutTotals();
            }, 1000);
        }
    </script>

</body>

</html>