This is a migrated thread and some comments may be shown as answers.

Export Full 2 Grid & origin fomat of div content

1 Answer 14 Views
Drawing API
This is a migrated thread and some comments may be shown as answers.
duy
Top achievements
Rank 1
Veteran
duy asked on 31 Jul 2020, 10:33 AM

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 !

 

1 Answer, 1 is accepted

Sort by
0
Petar
Telerik team
answered on 04 Aug 2020, 09:11 AM

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

Tags
Drawing API
Asked by
duy
Top achievements
Rank 1
Veteran
Answers by
Petar
Telerik team
Share this question
or