<button class='export-doc k-button'>Export PDF in Landscape Mode</button>
<div class="content">
  <p>This content will be exported in landscape orientation.</p>
  <table style="width:100%; border-collapse: collapse;">
    <tr><td style="border:1px solid #ccc; padding:5px;">Column 1</td><td style="border:1px solid #ccc; padding:5px;">Column 2</td><td style="border:1px solid #ccc; padding:5px;">Column 3</td><td style="border:1px solid #ccc; padding:5px;">Column 4</td></tr>
    <tr><td style="border:1px solid #ccc; padding:5px;">Data 1</td><td style="border:1px solid #ccc; padding:5px;">Data 2</td><td style="border:1px solid #ccc; padding:5px;">Data 3</td><td style="border:1px solid #ccc; padding:5px;">Data 4</td></tr>
  </table>
</div>
<script>
  $(".export-doc").click(function() {
    kendo.drawing.drawDOM($(".content"))
      .then(function(group) {
        return kendo.drawing.exportPDF(group, {
          landscape: true,
          paperSize: "A4"
        });
      })
      .done(function(data) {
        kendo.saveAs({
          dataURI: data,
          fileName: "Landscape.pdf"
        });
      });
  });
</script>