ag-grid export 默认选择行

Posted

技术标签:

【中文标题】ag-grid export 默认选择行【英文标题】:ag-grid export select rows by default 【发布时间】:2020-03-27 22:32:04 【问题描述】:

我正在使用 ag-grid(角度),我想将选择的行导出到 CSV 或 Excel。根据我对文档的研究,此功能似乎只能使用外部按钮(图像上的黄色)而不是表格内部的导出(图像中的红色下划线)。

这是否可以通过表格本身导出选定的行(图像中的红色下划线)?

我正在想象表格中的多选功能,如果我没有选择任何元素,那么 ag-grid 会导出所有数据,如果我选择了一些元素,那么 ag-grid 只会导出选定的元素。

p>

【问题讨论】:

【参考方案1】:

这是可能的,并且可以通过在上下文菜单下定义您的自定义函数来实现:

表明您将自定义上下文菜单:
var gridOptions = 
    columnDefs: columnDefs,
    getContextMenuItems: getContextMenuItems,
    rowSelection: 'multiple',
    ...
;
定义您的操作exportDataAsExcel 并传递onlySelected: true 参数以减少导出行:
function getContextMenuItems(params) 
    var result = [
       
            name: "Excel Export (.xlsx)",
            action: () => params.api.exportDataAsExcel(
              onlySelected: true
            )
        ,
    ];

    return result;

您不需要像我一样删除所有菜单元素 - 有关上下文菜单的更多信息可以在官方 ag-grid 文档中找到 https://www.ag-grid.com/javascript-grid-context-menu/

【讨论】:

以上是关于ag-grid export 默认选择行的主要内容,如果未能解决你的问题,请参考以下文章

Ag-grid 我如何设置 exportDataAsExcel 的默认参数

Ag-grid 表中实际行数

如何防止ag-grid内联单元格编辑自动修改行数据

如何在ag-grid中默认对列进行排序?

如何禁用 ag-grid 中的单元格选择?

如何在 ag-grid 中添加与单元格中的数据相同的默认 headerTooltip?