jQuery Grid Export to PDF Options

The export options specific for PDF. The pdf dictionary can contain the following settings, all being optional:

  • fileName - the name of the file that will be saved.
  • author - the author of the PDF document.
  • created - the creation Date of the PDF document.
  • size - the paper size of the document. Can be one of "a0", "a1", "a2", "a3", "a4", "a5", "a6", "a7", "a8", "letter", "government-letter", "legal", "credit-card".
  • orientation - orientation of the paper - "portrait" or "landscape".
  • fontSize - the size of the document font.
  • dataSource - DataSource options or variable, that can be used to override the current dataSource used by the Grid. If the data source specified here will not be read, one must set the readDataSource variable to true in order for the exporting process to read it.
  • readDataSource - read the custom DataSource, specified with the above option.
  • columnFields - a list of fields determining which fields from the dataSource items to export as columns. If not specified, the current Grid columns will be used.
  • header - the PDF table header options.
    • enabled - indicates whether to dislpay a header or not
    • cells - a list of options for the header cells. Cell options include:
      • field - the name of the field in the data source items, to take the value of the column cells from.
      • title - the title of the column to be displayed in the header.
      • width - the column width.
  • margins - the margins of the document, specifying the area between the main page content and its edges:
    • left - the left margin
    • top - the top margin
    • bottom - the bottom margin
exportOptions: {
    pdf: {
        fileName: "Document.pdf",
        size: "a4",
        orientation: "portrait",
        fontSize: 10,
        dataSource: [
            { id: 1, city: "Miami", name: "John" },
            { id: 2, city: "Paris", name: "Mary" },
            { id: 3, city: "London", name: "Brian" },
            { id: 4, city: "New York", name: "Dave" },
        readDataSource: true,
        header: {
            enabled: true,
            cells: [
                { field: "id", title: "ID", width: 100 },
                { field: "city", title: "City", width: 300 }
        margins: {
            left: 72,
            top: 72,
            bottom: 72