导出到 .csv 时合并的列未正确显示答案

【问题标题】：Merged columns while exporting to .csv are not showing properly导出到 .csv 时合并的列未正确显示
【发布时间】：2020-04-20 15:45:59
【问题描述】：

我正在使用angular-ui-grid 版本v3.0.0-rc.22-e8fe073。在一个网格中，合并列很少，合并列的列定义如下：

mergedColumn :true, mergedColumnDisplayName :'Client Buy', name:'buy',field:'buy','displayName':'Amount',enableHiding: false

下面是正在使用的标头模板：

$scope.sHeaderTemplate ='<div class="ui-grid-header"> \
                        <div class="ui-grid-top-panel">\
                        <div class="ui-grid-header-viewport">\
                        <div class="ui-grid-header-canvas">\
                        <div class="ui-grid-header-cell-wrapper" ng-style="colContainer.headerCellWrapperStyle()">\
                        <div class="ui-grid-header-cell-row">\
                        <div class="ui-grid-header-cell ui-grid-clearfix" ng-if="!col.grouping"\
                            ng-repeat="col in colContainer.renderedColumns track by col.uid"\
                         col="col" render-index="$index"  ng-class="{\'ui-grid-header-cell-merged\': col.colDef.mergedColumnDisplayName}" >\
                         <div  class="ui-grid-header-cell-merged-title">&nbsp; {{col.colDef.mergedColumnDisplayName}} </div> \
                        </div>\
                        </div>\
                        <div class="ui-grid-header-cell-row">\
                        <div class="ui-grid-header-cell ui-grid-clearfix" ng-if="!col.grouping"\
                            ng-repeat="col in colContainer.renderedColumns track by col.uid"\
                        ui-grid-header-cell col="col" render-index="$index">\
                        </div>\
                        </div>\
                        </div>\
                        </div>\
                        </div>\
                        </div>\
                        </div>';

在网格中headerTemplate : $scope.sHeaderTemplate。

列在网页上正确显示。请在下面找到截图：

现在，当我将此网格导出到 .csv 并在 MS Excel 中打开 .csv 文件时，我没有得到合并的列。

如何在 `MS Excel' 中显示从 angular-ui-grid 导出到 csv 的合并列？

【问题讨论】：

CSV 格式没有“合并列”：它是纯文本格式，只有值和分隔符。
@TimWilliams - 好的，那么如何在 csv/ms-excel 中显示合并的列标签？
您将需要搜索如何从您的网格中创建一个实际的 Excel 文件，或者尝试导出一个 HTML 表格并给它一个 xls 扩展名。例如。见stackoverflow.com/questions/21680768/…

标签： angularjs excel csv angular-ui-grid

【解决方案1】：

您可以使用ExceJS 创建一个合并单元格，这听起来就像您要找的一样。

【讨论】：