Export Full 2 Grid & origin fomat of div content

[duy]

Hi,

I using Kendo Jquery to export .pdf a content of div have fomat as bellow :

<div class ="row" id="exportpdf">

   <div class="col-6">

         <div id="grid1"></div>

   </div>

   <div class="col-6">

        <div id="grid2"></div>
   </div>

</div>

picture in attachment file.

How do export with this layout to .pdf.

Many thanks !

 

[Petar]

Hi Duy,

To implement the targeted functionality you can use the approach demonstrated in this Dojo example. To align the Grids, the following CSS is used.

      #exportpdf{
        display:flex;
      }

With the demonstrated approach, only the visible records of the Grid will be exported in the PDF. To export all Grid data, you can use the approach demonstrated in this Export All Pages and Full Page Content example. You may also find useful this forum post.

Another thing you can do is to set the "scrollable" configuration to false and display all Grid data on one page. Thus when you export the PDF, all records will appear on the PDF.

Regards,
Petar
Progress Telerik