使用 PDF MAKE 创建和导出表格答案

【问题标题】：Creating and exporting a table using PDF MAKE使用 PDF MAKE 创建和导出表格
【发布时间】：2017-02-02 16:30:20
【问题描述】：

我创建了一个 UI 网格，并通过单击按钮将网格导出为 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;
            } 
          },

我想创建一个包含更多关于网格的数据的标题。我想创建一个表格，但我不确定如何将它导出到与 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 文件吗？谢谢。

【问题讨论】：

标签： javascript angularjs pdf pdfmake

【解决方案1】：

知道了！我所要做的就是把表格放在exporterPdfHeader里面，它也在ui网格里面

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

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

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

                ]
              }  

            },

【讨论】：