Export HTML Div with multiple Tables to PDF using iTextSharp in ASP.Net

Last Reply one year ago By dharmendr

Posted one year ago

I have div with multiple html table and canvas i need to export complete div in single pdf in c# or using javascript or jquery 

CSS is not getting applyed.

<div class="col-sm-12 margin_left full_width">
    <div class="row">
        <div class="col-md-12 text-center">
            <h2 class="fontW400 firstTit">
                Account Scorecard</h2>
        </div>
        <div id="filterdiv" class="col-md-12" style="display: none">
            <div id="filters" class="alert alert-info">
            </div>
        </div>
        <div class="col-md-6">
            <h2 class="fontW400">
                Accounts Sold</h2>
            <div class="table-responsive">
                <table class="table table-bordered table-striped noLastBold">
                    <thead>
                        <tr>
                            <th>
                            </th>
                            <th>
                                Cur
                            </th>
                            <th>
                                Pr Period
                            </th>
                            <th>
                                % Var
                            </th>
                        </tr>
                    </thead>
                    <tbody id="tbl_casesales_submit">
                        <asp:Literal ID="tbl_casesales" runat="server"></asp:Literal>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-md-6" style="margin-top: 47px;">
            <div class="white-bg padding10">
                <canvas id="barChart" height="140"></canvas>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <h2 class="fontW400">
                Accounts by Channel</h2>
        </div>
        <div class="col-md-3">
            <div class="table-responsive">
                <table class="table table-bordered table-striped">
                    <caption>
                        Retail Accounts</caption>
                    <thead>
                        <tr>
                            <th>
                                Accounts
                            </th>
                            <th>
                                Cur
                            </th>
                            <th>
                                Pr Period
                            </th>
                            <th>
                                % Var
                            </th>
                        </tr>
                    </thead>
                    <tbody id="tbl_AccountRetail_submit">
                        <asp:Literal ID="tbl_AccountRetail" runat="server"></asp:Literal>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

 

You are viewing reply posted by: dharmendr one year ago.