如何刪除在PDF導出一些列角JS UI電網

Question

我採用了棱角分明JS UI電網

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

我的要求是，我想說明如5列，但是當我導出PDF時，我不想導出某些列，如username。

我該怎麼做？

Answer 1

有一個gridOption恰恰如此：exporterSuppressColumns

我編輯的plunker從UI網格文件，以證明在導出PDF隱藏「性別」一欄： http://plnkr.co/edit/89ZVlPZcQbHYzgX5l4yq?p=preview

現在是否選擇導出「全部」或導出「可見」，您將永遠不會在輸出中看到性別列。

$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

你也可以添加選項exporterSuppressExport: true到所需的列在你的columnDefs這樣的：

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

現在只有someOtherField被導出。