나는 각도 JS의 UI 그리드를 사용하고 각 JS UI 그리드

Question

에서 PDF 내보내기에 약간의 열을 제거하는 방법

http://ui-grid.info/docs/#/tutorial/312_exporting_data_complex 내 요구 사항은 내가 예를 보여주고 싶은 것입니다

5 열을 표시하지만 PDF를 내보낼 때 username과 같은 특정 열을 내보내고 싶지 않습니다.

어떻게하면됩니까?

Answer 1

정확히 할 수있는 gridOption이있다 : 선택 여부 이제 http://plnkr.co/edit/89ZVlPZcQbHYzgX5l4yq?p=preview

: exporterSuppressColumns

내가 내 보낸 PDF에서 "성별"열을 숨기고 보여주기 위해 UI 그리드 문서에서 plunker 편집 "all"을 내보내거나 "visible"을 내 보내면 출력에서 ​​성별 열을 볼 수 없습니다.

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

문서는 여기에 있습니다 : http://ui-grid.info/docs/#/api/ui.grid.exporter.api:GridOptions

Answer 2

exporterSuppressExport : 사실

예

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

대한 추가 정보를 원하시면 여기 지금 http://ui-grid.info/docs/#/api/ui.grid.exporter.api:ColumnDef

Answer 3

여기를 참조하는 것은 포함 된 열입니다 버튼에서 제외해야합니다. 수출

{ 
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

은 또한 그냥처럼 columnDefs에서 원하는 열 수있는 옵션 exporterSuppressExport: true을 추가 할 수 있습니다

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

지금 만 someOtherField은 수출됩니다.