2017-02-02 11 views
0

私はUIグリッドを作成し、グリッドをエクスポートして、ボタンをクリックしてPDFとして印刷しました。私はこれらの輸出を使用:PDF MAKEを使用したテーブルの作成とエクスポート

 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; 
      } 
      }, 

私は、グリッドに関するより多くのデータを含むヘッダーを作成します。私はテーブルを作成したいのですが、私はそれをuiグリッドで表示されるpdfにエクスポートする方法がわかりません。テーブルの配置方法は次のとおりです。

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' ] 
      ] 
      } 
     } 
     ] 
    }; 

私はこのテーブルをuiグリッドと同じpdfにどのようにエクスポートできますか?ありがとう。

答えて

0

ありがとうございました!私がしなければならなかったのは、uiグリッド内にあるexporterPdfHeaderの中にテーブルを置くことでした。

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

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

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

       ] 
       } 

      }, 
関連する問題