在角度ui-grid中如何在导出为pdf时包含页脚行

时间:2017-02-10 22:43:47

标签: angularjs angular-ui-grid

我在我的项目中使用ui-grid,我有一个添加的roe聚合平均行,它反映了网格中该列的平均值。现在我已经实现了Export to PDF选项,但是在导出网格时不包括反映平均值的页脚行。我调查了http://ui-grid.info/docs/#/api/ui.grid.exporter.api:GridOptions并尝试了那里提到:

gridOptions.exporterPdfCustomFormatter = function ( docDefinition ) {
  docDefinition.styles.footerStyle = { bold: true, fontSize: 10 };
  return docDefinition;
}

gridOptions.exporterPdfFooter = { text: 'My footer', style: 'footerStyle' }

gridOptions.exporterPdfFooter = 'My Footer';

gridOptions.exporterPdfFooter = {
  columns: [
    'Left part',
    { text: 'Right part', alignment: 'right' }
  ]
};

似乎这些选项不起作用或我做错了。有什么建议吗?

1 个答案:

答案 0 :(得分:0)

这是我能够弄明白的一种方式。

创建页脚方法

$scope.getFooterValue = function(i){
    return $scope.gridApi.grid.columns[i].getAggregationValue();
}

然后在点击'print pdf'btn时为页脚创建一个表

 $scope.$on('print', function(event, filter) {
 $scope.gridOptions.exporterPdfFooter = {

        table: {
            widths: [ '*'],

            body: [
                      [ 'Totals: '],

            ]         
        }
    };
$scope.export();
}