Question

我正在使用Angular JS ui Grid

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

我的要求是我要展示，例如5列，但是当我导出PDF时，我不想导出某些列，例如username。

我该怎么做？

Answer 1

有一个gridOption可以做到这一点：exporterSuppressColumns

我从UI Grid文档编辑了plunker，以演示隐藏＆＃34;性别＆＃34;导出的PDF中的列： http://plnkr.co/edit/89ZVlPZcQbHYzgX5l4yq?p=preview

现在是否选择导出＆＃34;全部＆＃34;或导出＆＃34;可见＆＃34;，您将永远不会在输出中看到性别列。

  $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：true

示例

{
 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。

如何在angular js ui Grid中删除pdf导出中的某些列

4 个答案: