New to Kendo UI for jQuery? Start a free 30-day trial

Pdf.margin

configuration

Specifies the margins of the page (numbers or strings with units). Supported units are "mm", "cm", "in" and "pt" (default).

pdf.margin

Object

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
    toolbar: ["pdf"],
    pdf: {
        margin: {
            left: 10,
            right: "10pt",
            top: "10mm",
            bottom: "1in"
        }
    },
    dataSource: {
        transport: {
            read: {
                url: "https://demos.telerik.com/service/v2/core/products"
            }
        },
        pageSize: 10
    },
    pageable: true
});
</script>

pdf.margin.bottom

Number|String

The bottom margin. Numbers are considered as "pt" units.

Default: 0

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "productName" },
    { field: "category" }
  ],
  dataSource: [
    { productName: "Tea", category: "Beverages" },
    { productName: "Coffee", category: "Beverages" }
  ],
  toolbar: ["pdf"],
  pdf: {
    margin: {
      bottom: "20mm"
    },
    fileName: "Products.pdf"
  }
});
</script>

pdf.margin.left

Number|String

The left margin. Numbers are considered as "pt" units.

Default: 0

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "productName" },
    { field: "category" }
  ],
  dataSource: [
    { productName: "Tea", category: "Beverages" },
    { productName: "Coffee", category: "Beverages" }
  ],
  toolbar: ["pdf"],
  pdf: {
    margin: {
      left: 15
    },
    fileName: "Products.pdf"
  }
});
</script>

pdf.margin.right

Number|String

The right margin. Numbers are considered as "pt" units.

Default: 0

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "productName" },
    { field: "category" }
  ],
  dataSource: [
    { productName: "Tea", category: "Beverages" },
    { productName: "Coffee", category: "Beverages" }
  ],
  toolbar: ["pdf"],
  pdf: {
    margin: {
      right: "10pt"
    },
    fileName: "Products.pdf"
  }
});
</script>

pdf.margin.top

Number|String

The top margin. Numbers are considered as "pt" units.

Default: 0

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "productName" },
    { field: "category" }
  ],
  dataSource: [
    { productName: "Tea", category: "Beverages" },
    { productName: "Coffee", category: "Beverages" }
  ],
  toolbar: ["pdf"],
  pdf: {
    margin: {
      top: "5mm"
    },
    fileName: "Products.pdf"
  }
});
</script>