Ag grid 如何在ag网格中启用导出到csv
我使用的是开箱即用的ag网格,它是否有导出到excel的功能。到目前为止,我还没有编写任何事件代码导出到csv。我在想,就像它的排序和过滤功能一样,它也是开箱即用的(比如highcharts的上下文菜单) 那么,我是否需要设置一个网格选项来准备导出到csv或excelAg 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 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};/*导入所有模块*/
@组成部分({
选择器:“我的应用程序”,
模板:`