最新版本，Excel 导出头部合并不会被应用

收藏

场景：
1. colHeader 类型上包含多行自动合并 rowColumn 策略
2. viewport 上包含多行自动合并 column 策略

导出(includeAutoMergedCells)，各种合并全部失效

即便是想介入，重新配置 range，你会发现：
SpreadJS 的导出过程应该是先处理 viewport 再把 colHeader 插入到 viewport 之前，因此完全没有机会去配置一个合理的 range。

期望导出时候，colHeader 先输出，并保留合并的 range，然后输出 viewport，并将其 range 进行下沉。

Clark.Pan · Clark.Pan

您刚好说反了，策略应该是先把colheader合并到viewport中再导出。之所以会造成您的错觉，应该是您在导出时候没有设置columnHeadersAsFrozenRows，因为Excel不支持列头自定制，所以如果不设置columnHeadersAsFrozenRows则不会导出列头，设置了columnHeadersAsFrozenRows后，会将列头下沉到viewport中再导出。
但是这里我在测试时候也发现了一个问题，就是按照您上面的步骤导出之后列头的合并会变成按column进行合并。所以也从侧面印证了是先将colheader合并到viewport中再按照viewport中的automerge导出。我会将导出没有按照colHeader中的automerge设置导出的问题上报

louis · louis

有可能说反了吧，我测试的实际情况是（导出前，尝试重定义合并的range），其目的是为了解这个问题，将多行colheader被导出复制到viewport的区域进行重定义。然而发现只有row索引为0才对viewport生效（导出前的那块区域），我想尝试将索引下沉列头行数应用新的合并（导出后看到的那块不包含头部的区域），则会不应用或报错，因此猜测导出是先viewport后colheader，具体啥情况，你们是这方面的专家。

Clark.Pan · Clark.Pan

louis 发表于 2021-3-17 19:01
有可能说反了吧，我测试的实际情况是（导出前，尝试重定义合并的range），其目的是为了解这个问题，将多行c ...

你看一下这个demo，demo中的列头导出合并后沿用了viewport中的automerge设置，所以可以判断出事现将列头下沉到viewport区域然后合并导出

louis · louis

嗯嗯，老大费心了！
如下，下面是我推断的理由（完全可能是错的），但这无关紧要，你们能修复，提供一个保持一致的方法就好。

document.getElementById('export').onclick = function(){
const sheet = spread.getActiveSheet();
// 开始尝试导出前重置 range 来修复合并问题（假设导出后是先 colHeader 后 viewport）
// 1.先清空已定义的合并
const fullRange = new GC.Spread.Sheets.Range(-1, -1, -1, -1);
sheet.autoMerge(fullRange, GC.Spread.Sheets.AutoMerge.AutoMergeDirection.none);
// 2. 定义colHeader合并范围（<b>实际上应用到了导出excel的第3~4行</b>）
const headerRange = new GC.Spread.Sheets.Range(0, 0, 2, 10);
sheet.autoMerge(headerRange, GC.Spread.Sheets.AutoMerge.AutoMergeDirection.rowColumn, GC.Spread.Sheets.AutoMerge.AutoMergeMode.restricted, GC.Spread.Sheets.SheetArea.viewport);
// 3. 定义viewport合并范围（<b>实际上应用到了导出excel的第5+行</b>）
const viewrRange = new GC.Spread.Sheets.Range(2, 0, 10, 10);
sheet.autoMerge(viewrRange, GC.Spread.Sheets.AutoMerge.AutoMergeDirection.column, GC.Spread.Sheets.AutoMerge.AutoMergeMode.restricted, GC.Spread.Sheets.SheetArea.viewport);
// 通过2，3对应实际导出 excel 导出后看到的效果，猜测是先 viewport 后插入(比如 insertAtRow(0)) colHeader 的
var json = spread.toJSON({includeAutoMergedCells:true,columnHeadersAsFrozenRows:true});
// here is excel IO API
excelIo.save(json, function (blob) {
saveAs(blob, "export.xlsx");
}, function (e) {
// process error
console.log(e);
});
};

复制代码

Clark.Pan · Clark.Pan

这个目前已经当bug处理了，高优先级，bug编号SJS-8009。等修了就好了。目前手动确实也不好处理

louis · louis

谢谢老大！手动的话自己把头移动下来，分开重设，导出后恢复变更就好，不过代码看着蹩脚！你们能修复再好不过了，非常感谢！

Clark.Pan · Clark.Pan

不客气，好了后我会在这个帖子里回复您

louis · louis

老大们，此问题得到修复了吗？

Lynn.Dou · Lynn.Dou

您好，此问题已在V14.0.10中修复，您可以通过npm升级。请升级至最新版本测试下。

		自动登录	找回密码
密码			立即注册

[已处理] 最新版本，Excel 导出头部合并不会被应用

11 个回复

讲师达人

悬赏达人

微信认证勋章

SpreadJS 认证

SpreadJS 高级认证

元老葡萄