AngularJS ui-grid导出为pdf - 页面编号和Pdf标题太左，但网格太对了

Question

我正在关注本教程：http://ui-grid.info/docs/#/tutorial/206_exporting_data

我正在使用angularjs ui grid。但是当我将网格导出为pdf时，UI看起来并不好看。 问题：页码和Pdf标题太左，但网格太右

我试图在线搜索解决方案，但没有运气。这是我的网格选项设置：

 func setDelegate() {

    print("MapViewController is not nil")
    print(resultsViewController?.delegate)
    resultsViewController?.delegate = self
    print(resultsViewController?.delegate)

}

func unSetDelegate() {

    print("MapViewController is nil")
    resultsViewController?.delegate = nil

}

Answer 1

您需要在gridOptions中为页眉和页脚样式添加边距，尝试使用以下内容：

$scope.gridOptions = {
...
exporterPdfTableStyle: {margin: [20, 20, 20, 20]},
...
exporterPdfCustomFormatter: function ( docDefinition ) {
  docDefinition.styles.headerStyle = { margin: [30, 30, 30, 30],fontSize: 22, bold: true };
  docDefinition.styles.footerStyle = { margin: [30, 30, 30, 30],fontSize: 10, bold: true };
  return docDefinition;
},
...