ag-grid 默认导出 select 行
ag-grid export select rows by default
我正在使用 ag-grid (angular),我想将 select 行导出到 CSV 或 Excel。根据我对文档的研究,此功能似乎只能使用外部按钮(图像上的黄色)而不是 table(图像中的红色下划线)内部的导出。
是否可以通过 table 本身导出 selected 行(图像中的红色下划线)?
我正在想象 table 中的多 selection 功能,如果我没有元素 selected 那么 ag-grid 导出所有数据,如果我已经一些元素 selected 然后 ag-grid 只导出 selected 一个。
这是可能的,并且可以通过在上下文菜单下定义您的自定义函数来实现:
- 表明您将自定义您的上下文菜单:
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 (angular),我想将 select 行导出到 CSV 或 Excel。根据我对文档的研究,此功能似乎只能使用外部按钮(图像上的黄色)而不是 table(图像中的红色下划线)内部的导出。
是否可以通过 table 本身导出 selected 行(图像中的红色下划线)?
我正在想象 table 中的多 selection 功能,如果我没有元素 selected 那么 ag-grid 导出所有数据,如果我已经一些元素 selected 然后 ag-grid 只导出 selected 一个。
这是可能的,并且可以通过在上下文菜单下定义您的自定义函数来实现:
- 表明您将自定义您的上下文菜单:
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/