Ag grid 如何在ag网格中启用导出到csv

Ag grid 如何在ag网格中启用导出到csv,ag-grid,Ag Grid,我使用的是开箱即用的ag网格,它是否有导出到excel的功能。到目前为止,我还没有编写任何事件代码导出到csv。我在想,就像它的排序和过滤功能一样,它也是开箱即用的(比如highcharts的上下文菜单) 那么,我是否需要设置一个网格选项来准备导出到csv或excel 感谢当前版本的ag grid(4.0.7)没有该功能。要完成csv导出,您必须调用ag grid api函数,例如: $scope.exportToCsv = function () { var params = {

我使用的是开箱即用的ag网格,它是否有导出到excel的功能。到目前为止,我还没有编写任何事件代码导出到csv。我在想,就像它的排序和过滤功能一样,它也是开箱即用的(比如highcharts的上下文菜单)

那么,我是否需要设置一个网格选项来准备导出到csv或excel


感谢当前版本的ag grid(4.0.7)没有该功能。要完成csv导出,您必须调用ag grid api函数,例如:

$scope.exportToCsv = function () {
    var params = {
        skipHeader: false,
        skipFooters: true,
        skipGroups: true,
        fileName: "export.csv"
    };
    $scope.gridOptions.api.exportDataAsCsv(params);
}

当前版本的ag grid(4.0.7)没有该功能。要完成csv导出,您必须调用ag grid api函数,例如:

$scope.exportToCsv = function () {
    var params = {
        skipHeader: false,
        skipFooters: true,
        skipGroups: true,
        fileName: "export.csv"
    };
    $scope.gridOptions.api.exportDataAsCsv(params);
}

右键单击单元格,在关联菜单中的ag grid(版本20或更高版本)中启用简单导出。 默认情况下,上下文菜单提供值“复制”和“粘贴”。复制将所选单元格或行复制到剪贴板。粘贴将永远被禁用

对于Angular 2及以上版本,请使用此

import { AllModules } from '@ag-grid-enterprise/all-modules'; /* Import AllModules */

@Component({
  selector: 'my-app',
  template: `
    <ag-grid-angular
      #agGrid
      style="width: 100%; height: 100%;"
      id="myGrid"
      class="ag-theme-alpine"
      [modules]="modules"
      [columnDefs]="columnDefs"
      [rowData]="rowData"
      (gridReady)="onGridReady($event)"
    ></ag-grid-angular>
  `,
})
export class AppComponent {
  constructor(){

  }
  public modules: Module[] = AllModules;/*This variable Enable Export in context Menu*/

}
从“@ag grid enterprise/all modules”导入{AllModules};/*导入所有模块*/
@组成部分({
选择器:“我的应用程序”,
模板:`

通过右键单击单元格,在关联菜单中的ag grid(版本20或更高版本)中启用简单导出。 默认情况下,上下文菜单提供值“复制”和“粘贴”。复制将把选定的单元格或行复制到剪贴板。粘贴将永远被禁用

对于Angular 2及以上版本,请使用此

import { AllModules } from '@ag-grid-enterprise/all-modules'; /* Import AllModules */

@Component({
  selector: 'my-app',
  template: `
    <ag-grid-angular
      #agGrid
      style="width: 100%; height: 100%;"
      id="myGrid"
      class="ag-theme-alpine"
      [modules]="modules"
      [columnDefs]="columnDefs"
      [rowData]="rowData"
      (gridReady)="onGridReady($event)"
    ></ag-grid-angular>
  `,
})
export class AppComponent {
  constructor(){

  }
  public modules: Module[] = AllModules;/*This variable Enable Export in context Menu*/

}
从“@ag grid enterprise/all modules”导入{AllModules};/*导入所有模块*/
@组成部分({
选择器:“我的应用程序”,
模板:`