Jak mogę usunąć niektóre kolumny w eksporcie pdf w kątowym js ui siatki

Question

Używam Angular JS UI Siatka

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

Moje wymogiem jest, że chcę, aby pokazać np 5 kolumn, ale gdy eksportuję plik PDF, nie chcę eksportować niektórych kolumn, takich jak username.

Jak mogę to zrobić?

Answer 1

Jest gridOption zrobić dokładnie to: exporterSuppressColumns

I edycji plunker z dokumentacją UI siatki, aby wykazać ukrywanie "gender" kolumny w eksportowanym pliku PDF: http://plnkr.co/edit/89ZVlPZcQbHYzgX5l4yq?p=preview

teraz czy wybrać eksportuj "wszystko" lub eksportuj "widoczny", nigdy nie zobaczysz kolumny płci w wynikach.

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

Dokumentacja jest tutaj: http://ui-grid.info/docs/#/api/ui.grid.exporter.api:GridOptions

Answer 2

exporterSuppressExport: true

Przykład

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

Zobacz tutaj, aby uzyskać więcej informacji http://ui-grid.info/docs/#/api/ui.grid.exporter.api:ColumnDef

Answer 3

Teraz tutaj jest kolumną, która zawiera przycisk i należy go wykluczyć eksport

{ 
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

Można też po prostu dodać opcję exporterSuppressExport: true do żądanej kolumny w swoim columnDefs tak:

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

Teraz tylko someOtherField trafia na eksport.