关于spread.js的边框问题

收藏

从后台获取的excel，渲染到页面是这样的 image.png921296691.png

。我应该怎么设置才能让它的边框样式统一。 image.png139127806.png

写了这个但是没生效

KevinChen · KevinChen

您好，您的意思是想调整单元格边框，还是说导入后前端样式与Excel不一致？

如果想手动调整单元格边框，参考一下setBorder方法的API：

http://help.grapecity.com/spread ... ange~setBorder.html

xiaolong · xiaolong

KevinChen 发表于 2018-11-27 12:12
您好，您的意思是想调整单元格边框，还是说导入后前端样式与Excel不一致？

如果想手动调整单元格边框， ...

是需要给所有的单元格设置统一的边框颜色

KevinChen · KevinChen

这样吧，您把您的Excel模板上传附件，如果有敏感数据可以把数据删除再上传，只保留样式即可。

我这边看一下模板，就可以理解您的问题，并帮您找到最好的解决办法。

xiaolong · xiaolong

KevinChen 发表于 2018-11-27 14:31
这样吧，您把您的Excel模板上传附件，如果有敏感数据可以把数据删除再上传，只保留样式即可。

我这边看 ...

excel模板

KevinChen · KevinChen

您好，您的模板我这边已经收到，看了一下应该是一些单元格样式有出入导致，

要完全与模板统一相对比较麻烦，我这边调研一下看看有没有什么好的办法。

本帖状态暂时改为“未处理”，明天给您答复。

xiaolong · xiaolong

KevinChen 发表于 2018-11-27 17:44
您好，您的模板我这边已经收到，看了一下应该是一些单元格样式有出入导致，

要完全与模板统一相对比较麻 ...

好的，麻烦您了

xiaolong · xiaolong

xiaolong 发表于 2018-11-27 18:27
好的，麻烦您了

您好，您可能理解有误。现在需要的功能不是与模板的样式统一，而是导入这个模板渲染页面的时候对它的单元格边框的颜色进行一下统一的设置

KevinChen · KevinChen

xiaolong 发表于 2018-11-27 18:35
您好，您可能理解有误。现在需要的功能不是与模板的样式统一，而是导入这个模板渲染页面的时候对它的单元 ...

好的，正在处理这个问题，我稍后会回复您。

KevinChen · KevinChen

您好，这个边框样式的问题原因找到了。

这里的机制相对有点复杂，我给您解释一下。

首先，

Excel中相邻单元格的边框样式如果有冲突，会渲染颜色较深的那个，

而在Spread JS中的机制则是以加载顺序来渲染的，这就造成了浅色边框把深色边框覆盖掉的问题。

其次，

在Spread JS中，样式分为单元格、行、列、表单四个级别，单元格会按照优先级依序渲染样式。

所以目前解决办法有两个：

1、如果可以，您可以在Excel中对格式进行调整，将有边框的单元格上下的空行边框设置为“无”；

2、在加载到Spread JS中之后，使用代码对空行进行样式调整，删除单元格样式即可。我这边随后会给出一个代码示例。

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

[已处理] 关于spread.js的边框问题

10 个回复

讲师达人

悬赏达人

元老葡萄

SpreadJS 认证

SpreadJS 高级认证

微信认证勋章