如何将 angular UI-网格过滤和完整数据导出到 excel

Question

我正在使用 UI-Grid 在我的 angular 应用程序上创建网格视图。 UI-Grid 提供将筛选后的完整网格数据导出为csv 或pdf 格式。但是我需要将数据导出到 excel.

我以前使用 Alasql 导出网格数据，但我使用 ng-repeat 生成网格。

此处 Ui-grid 指令负责生成网格，通过使用 UI-Grid 指令公开的简单方法，我们可以导出数据。只是想知道是否有人尝试将数据导出到 excel.

不共享代码，因为我使用的是 UI-Grid 教程提供的相同代码，它对我有用，只是我需要在 excel 文件中导出。

Answer 1

我也在使用 ui-grid 开发一个应用程序，将数据导出到 xlsx 我曾像这样使用 alasql :

$scope.exportXLS = function exportXLS() {
  alasql.promise('SELECT * INTO XLSX("data.xlsx",{headers:true}) FROM ?',[$scope.gridOptions.data])
 .then(function(data){
     console.log('Data saved as XLSX');
  }).catch(function(err){
     console.log('Error:', err);
  });
};

并仅导出我使用 gridApi 获取的过滤数据，如下所示：

$scope.filteredData =$scope.gridApi.core.getVisibleRows($scope.gridApi.grid);

然后将返回数组中每个对象的实体字段映射到新数组，我使用下划线库中的 map 函数完成了此操作。

entities = _.map($scope.filteredData, 'entity');

最后在上面的函数中用 'entities' 替换 '$scope.gridOptions.data'。

如何将 angular UI-网格过滤和完整数据导出到 excel

How to export angular UI-Grid filtered and full data into excel

javascript

angularjs

angular-ui-grid