Come posso rimuovere alcune colonne PDF Esporta angolare js Griglia ui

Question

Sto usando angolare JS ui Griglia

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

La mia richiesta è che voglio mostrare per esempio 5 colonne, ma quando esporto PDF, non voglio esportare determinate colonne come username.

Come posso farlo?

Answer 1

C'è un gridOption di fare esattamente questo: exporterSuppressColumns

ho modificato il plunker dalla documentazione UI griglia per dimostrare nascondere la colonna "di genere" nel PDF esportato: http://plnkr.co/edit/89ZVlPZcQbHYzgX5l4yq?p=preview

Ora, se si seleziona esporta "tutto" o esporta "visibile", non vedrai mai la colonna di genere nell'output.

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

La documentazione è qui: http://ui-grid.info/docs/#/api/ui.grid.exporter.api:GridOptions

Answer 2

exporterSuppressExport: vero

Esempio

{ 
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>' 
}, 

Vedi qui per maggiori informazioni http://ui-grid.info/docs/#/api/ui.grid.exporter.api:ColumnDef

Answer 3

Ora qui è una colonna che contiene un pulsante e deve essere escluso da l'esportazione

{ 
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

È anche possibile aggiungere l'opzione exporterSuppressExport: true alla colonna desiderata nel vostro columnDefs come questo:

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

Ora solo someOtherField ottiene esportati.