UI-Grid 导出器 - 导出两个单独的 headers

Question

在 AngularJS 内使用 pdfmake，我能够将 header 导出为 pdf。
使用 exporterPdfHeader.

代码如下：

$scope.gridOptions.exporterPdfHeader = {

        margin: [30, 5, 30, 10],

        table: {    
            widths: [ '*', '*', '*' ],

            body: [

              [ 'Region: ' + $scope.region, 'Group: ' + $scope.group, 'MC: ' + $scope.mc /*, 'The last one'*/ ],
              [ 'District #: ' + $scope.district, 'Route #: ' + $scope.route, 'Week Ending Date: ' + $scope.weekEndDate, /*, 'Value 4' */],    


            ]


          }

    };

现在我想做的是导出另一个 header，里面有一张图片。我不能在这个 header 中同时做这两件事。有没有办法可以导出另一个单独的 header？还是将此 header 中的图像创建为单独的行？也许创建另一个 gridOptions？（网格选项 2）。任何帮助都会有很大的帮助。

Answer 1

当您导出 ui-grid.

时，我能够在列中创建不同的 headers

$scope.gridOptions.exporterPdfHeader = {        
            columns: [
                {           
                margin: [206, 0, 0, 0],

                image: //long url,
                width: 200,
                height: 58,                 
                },
                {
                margin: [ -160, 60, 33, 0 ],

                table: {                        
                    widths: [ '*', '*', '*' ],

                    body: [

                      [ ],   
                    ]           

                  }

                }
             ]               
    };

UI-Grid 导出器 - 导出两个单独的 headers

UI-Grid exporter - exporting two separate headers

javascript

pdf

angularjs

pdfmake

ui-grid