Question

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

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

以下是使用的headertemplate：

$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＆＃39;”中显示导出到csv的angular-ui-grid的合并列。吗

Answer 1

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

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

1 个答案: