Создание и экспорт таблицы с использованием PDF MAKE

Question

Я создал сетку пользовательского интерфейса и экспортировал сетку для печати в формате pdf одним нажатием кнопки. Я использовал эти экспортер:

 exporterHeaderFilterUseName: true, 
     exporterLinkLabel: 'get your csv here', 
     exporterPdfDefaultStyle: {fontSize: 9}, 
     exporterPdfTableStyle: {margin: [0, 5, 0, 15]}, 
     exporterPdfTableHeaderStyle: {fontSize: 10, bold: true, italics: true, color: 'red'}, 
     exporterPdfOrientation: 'portrait', 
     exporterPdfPageSize: 'LETTER', 
     exporterPdfMaxGridWidth: 475, 

и этот экспортер для заголовка каждого столбца:

  exporterHeaderFilter: function(displayName) { 
      if(displayName === 'routeName') { 
        return 'Route'; 
       } 
      if(displayName === 'mondayNet') { 
        return 'MONDAY'; 
       } 
      if(displayName === 'tuesdayNet') { 
        return 'TUESDAY'; 
       } 
      if(displayName === 'wednesdayNet') { 
        return 'WEDNESDAY'; 
       } 
      if(displayName === 'thursdayNet') { 
        return 'THURSDAY'; 
       } 
      if(displayName === 'fridayNet') { 
        return 'FRIDAY'; 
      } 
      if(displayName === 'totalNet') { 
        return 'TOTAL'; 
      } 

      else { 
       return displayName; 
      } 
      }, 

Я хочу, чтобы создать заголовок, который содержит больше данных о сетке. Я хочу создать таблицу, но я не уверен, как ее экспортировать в тот же PDF-файл, который отображается с помощью сетки ui. Вот как таблица должна быть изложены:

var docDefinition = { 
     content: [ 
     { 

      table: { 

      widths: [ '*', 'auto', 100, '*' ], 

      body: [ 
       [ 'First', 'Second', 'Third', 'The last one' ], 
       [ 'Value 1', 'Value 2', 'Value 3', 'Value 4' ], 
       [ { text: 'Bold value', bold: true }, 'Val 2', 'Val 3', 'Val 4' ] 
      ] 
      } 
     } 
     ] 
    }; 

Любые идеи, как я могу экспортировать эту таблицу в том же формате PDF с Ui сеткой? Благодарю.

Answer 1

Понял! Все, что мне нужно было сделать, - это положить стол в exporterPdfHeader, который также находится внутри сетки ui.

exporterPdfHeader: { 
       margin: [15, 5, 15, 15], 
       table: { 

       widths: [ '*', '*', '*' ], 

       body: [ 
        [ 'Region: ', 'Group: ', 'MC: ' ], 
        [ 'District #: ', 'Route #: ', 'Week Ending Date: '] 

       ] 
       } 

      },