Wie kann ich einige Spalten im PDF-Export in Winkel js ui Grid entfernen

Question

I Angular JS ui Grid bin mit

http://ui-grid.info/docs/#/tutorial/312_exporting_data_complex

Meine Forderung ist, dass ich zum Beispiel zeigen wollen 5 Spalten, aber wenn ich PDF exportiere, möchte ich bestimmte Spalten wie username nicht exportieren.

Wie kann ich das tun?

Answer 1

Es gibt eine gridOption zu tun genau das: exporterSuppressColumns

ich die Plunker von der UI Grid Dokumentation bearbeitet die „Gender“ Spalte in der exportierten PDF zu demonstrieren versteckt: http://plnkr.co/edit/89ZVlPZcQbHYzgX5l4yq?p=preview

nun, ob Sie wählen Exportieren Sie "alle" oder exportieren Sie "sichtbar", Sie werden nie die Geschlechtspalte in der Ausgabe sehen.

$scope.gridOptions = { 
columnDefs: [ 
    { field: 'name',visible:true }, 
    { field: 'gender', cellFilter: 'mapGender', exporterPdfAlign: 'right', visible:true, enableHiding: true }, 
    { field: 'company', visible: false } 
], 
exporterSuppressColumns: [ 'gender' ], 

Die Dokumentation ist hier: http://ui-grid.info/docs/#/api/ui.grid.exporter.api:GridOptions

Answer 2

exporterSuppressExport: true

Beispiel

{ 
name: 'Description', enableCellEdit: true, 
cellTemplate: '<div class="ui-grid-cell-contents"><div ng-class="{\'viewr-dirty\' : row.inlineEdit.entity[col.field].isValueChanged }">{{row.entity[col.field]}}</div></div>' 
}, 

für weitere Informationen hier Sehen Sie hier http://ui-grid.info/docs/#/api/ui.grid.exporter.api:ColumnDef

Answer 3

Jetzt eine Spalte, die eine enthält Schaltfläche und muss von ausgeschlossen werden der Export

{ 
name: null, 
exporterSuppressExport: true, 
field: "fake", 
cellTemplate: '<div class="tac"><a class="btn btn-red btn-xs ml5" ng-if="!row.inlineEdit.isEditModeOn" ng-click="grid.appScope.vm.deleteRow(row, $event)"><i class="fa fa-trash"><md-tooltip md-direction="left">delete</md-tooltip></i></a></div>', 
enableCellEdit: false, 
enableFiltering: false, 
enableSorting: false, 
showSortMenu: false, 
enableColumnMenu: false, 
width: 50, 
}, 

Answer 4

Sie können auch fügen Sie einfach die Option exporterSuppressExport: true auf die gewünschte Spalte in der columnDefs wie folgt aus:

$scope.gridOptions = { 
    columnDefs: [ 
    { field: 'username', exporterSuppressExport: true }, 
    { field: 'someOtherField' } 
    ], 
    // other options ... 
}; 

Jetzt nur someOtherField wird exportiert.