要在 AgGrid 中导出选定的列,请遵循以下步骤:
import { GridOptions } from 'ag-grid-community';
import { ExportModule } from 'ag-grid-enterprise';
GridOptions
实例并启用导出模块。const gridOptions: GridOptions = {
columnDefs: columnDefs,
rowData: rowData,
modules: [ExportModule],
};
exportParams
对象,以便只导出选定的列。const exportParams = {
allColumns: false,
columnKeys: [], // 导出所选列的列键数组
};
getSelectedNodes
方法获取选定的行,并从中提取值。然后将这些值与您的exportParams
一起使用。function onExportSelected() {
const selectedNodes = gridOptions.api.getSelectedNodes();
const selectedData = selectedNodes.map(node => node.data);
const exportParams.columnKeys = Object.keys(selectedData[0]).filter(key => selectedData.every(row => row.hasOwnProperty(key)));
gridOptions.api.exportDataAsCsv(exportParams);
}
onExportSelected
。<button (click)="onExportSelected()">导出选定列</button>
现在,当用户单击“导出选定列”按钮时,AgGrid 将仅导出选定的列。
领取专属 10元无门槛券
手把手带您无忧上云