どのように私は、角のjs UIグリッドでPDFエクスポートで一部の列を削除することができます

Question

私は

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

角度JS UIのグリッドを使用しています私の要件は、私は、例えば表示したいということです5列になりますが、PDFをエクスポートすると、usernameのような特定の列はエクスポートされません。

どうすればいいですか？

Answer 1

まさにそれを行うにはgridOptionがあります：exporterSuppressColumns

私は、エクスポートPDFに「性別」の欄を隠す証明するためにUIグリッドのドキュメントからplunker編集： http://plnkr.co/edit/89ZVlPZcQbHYzgX5l4yq?p=preview

今、あなたが選択するかどうか"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

についてはこちらを参照してくださいすることは含まれている列でありますボタンから除外する必要があります

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

今だけsomeOtherFieldがエクスポートされる：輸出

{ 
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を追加することができます。