Как сохранить Bootstrap сетку в формате PDF

Question

Я хочу, чтобы мой клиент скачать все внутри начальную загрузку сетки в PDF есть ли плагины

это моя самозагрузка сетка

<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
я высматривая с открытым исходным кодом PDF-экспорт

Answer 1

Попробуйте это, добавьте в ваш скрипт:

$("#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