UI-Grid导出器 - 导出两个单独的标头

时间:2017-04-17 19:13:59

标签: javascript angularjs pdf ui-grid pdfmake

在使用pdfmake的AngularJS中,我能够将标题导出为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' */],    


            ]


          }

    };  

现在我要做的是导出带有图像的ANOTHER标头。我不能在这一个标题内做到这两点。有没有办法可以导出另一个单独的标题?或者将此标题内的图像创建为单独的行?也许创建另一个gridOptions? (gridOptions2)。任何援助都将是一个很大的帮助。

1 个答案:

答案 0 :(得分:0)

在列中,我可以在导出ui-grid时创建不同的标题。

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

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

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

                    body: [

                      [ ],   
                    ]           

                  }

                }
             ]               
    };