내가 </p> 사이 <p><code>$scope.gridOptions.data = [{"name":"rasheedsyedabdulhameed"}];</code> 에 공백없이이 같은 열 데이터를 얻을 경우 uigrid에서 PDF로 내보내기 동안, 열 내용이 초과 열 테두리

Question

를 AngularJS와이 내 gridoptions입니다

$scope.gridOptions = { 
columnDefs: [ 
    { field: 'name' }, 
    { field: 'name' }, 
    { field: 'name' } 
], 
enableGridMenu: true, 
enableSelectAll: true, 
exporterCsvFilename: 'myFile.csv', 
exporterPdfDefaultStyle: {fontSize: 9}, 
exporterPdfTableStyle: {margin: [30, 30, 30, 30]}, 
exporterPdfTableHeaderStyle: {fontSize: 10, bold: true, italics: true, color: 'red'}, 
exporterPdfHeader: { text: "My Header", style: 'headerStyle' }, 
exporterPdfFooter: function (currentPage, pageCount) { 
    return { text: currentPage.toString() + ' of ' + pageCount.toString(), style: 'footerStyle' }; 
}, 
exporterPdfCustomFormatter: function (docDefinition) { 
    docDefinition.styles.headerStyle = { fontSize: 22, bold: true }; 
    docDefinition.styles.footerStyle = { fontSize: 10, bold: true }; 
    return docDefinition; 
}, 
exporterPdfOrientation: 'landscape', 
exporterPdfPageSize: 'LETTER', 
exporterPdfMaxGridWidth: 500, 
exporterCsvLinkElement: angular.element(document.querySelectorAll(".custom-csv-link-location")), 
onRegisterApi: function(gridApi){ 
    $scope.gridApi = gridApi; 
} 

} ; PDF 시트 내용이 열 경계를 초과하는 수출

, 이것은 당신이 내용에 적응하기 위해 각각의 컬럼에 width: "*"을 사용할 수 있습니다 내 예를 들어 plunker just a sample

Answer 1

입니다. 그러나 콘텐츠가 매우 큰 경우 표가 페이지 크기를 초과 할 수 있습니다.