1

wenn ich die Spaltendaten wie dies ohne Raum bekommen zwischenwährend Export in PDF, Spalte Inhalt der Spaltenrand in uigrid überschreitet AngularJS

$scope.gridOptions.data = [{"name":"rasheedsyedabdulhameed"}]; und das ist mein 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; 
} 

} ;

in den Export nach PDF-Blatt der Inhalt der Spaltenrand überschreitet, dies ist mein Beispiel Plunker just a sample

+0

Dieses Beispiel fand ich sehr nützlich, vor allem die Fußzeile/Header-Eigenschaften. –

Antwort

0

Sie width: "*" auf jeder Spalte verwenden können, um es auf den Inhalt zu machen einzustellen. Wenn der Inhalt jedoch sehr groß ist, überschreitet Ihre Tabelle möglicherweise die Seitengröße.