CODEWITHSUNDEEP
jquerytwitter-bootstrappdf
MayuriS
MayuriS

Reputation: 387

How to save Bootstrap Grid in pdf

I want that my client download everything inside bootstrap grid as pdf is there any plugins

this is my bootstrap grid

    <div class="container-fluid">
            <div class="row">
                <h3 class="text-center"><strong>ABC AGREEMENT</strong></h3>
            </div>
            <div class="row">
                <h4 class="text-center"><strong>(the “Agreement”)</strong></h4>
            </div>
            <div class="row">
                <div class="span12 text-center">
                    <h4>
                        THIS AGREEMENT <small> is made on</small> 
                        <input name="getdate" type="text" class="form-control" placeholder="click to show datepicker"  id="datepick">
                    </h4>   
                </div>
            </div>
            <div class="row">
                <div class="span12 text-center">
                   <h5>BETWEEN</h5>
                </div>
            </div>
            <div class="row">
                <div class="span12">
               .....
                 .....

Update
i'm looking out for opensource pdf-export

Upvotes: 0

Views: 1340

Answers (1)

Olrac
Olrac

Reputation: 1537

Try this one, add this to your script:

 $("#grid").kendoGrid({
            toolbar: ["pdf"],
            pdf: {
                allPages: true,
                fileName: "Kendo UI Grid Export.pdf",
                proxyURL: "http://demos.telerik.com/kendo-ui/service/export"
            },
            dataSource: {
              type: "odata",
              transport: {
                  read: {
                      url: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Employees",
                  }
              },
              pageSize: 5
            },
            columns: [
                { title: "Photo", width: 140 },
                { title: "Details", width: 350 },
                { title: "Country" },
                { title: "EmployeeID" }
            ],
            rowTemplate: kendo.template($("#rowTemplate").html()),
            altRowTemplate: kendo.template($("#altRowTemplate").html()),
            height: 500,
            scrollable: true,
            pageable: true
        });

http://demos.telerik.com/kendo-ui/grid/pdf-export

Upvotes: 1

Related Questions