在不同的浏览器中渲染报表时列宽展示不一致

Ellia.Duan · Ellia.Duan

本帖最后由 Richard.Huang 于 2024-4-30 09:23 编辑

您好，分别在windows chrome 和Linux chrome 以及Mac chrome
打开在线表格编辑器
导入您附件中的第二个文件

结果如下：
image.png584488830.png

86f752968d54276ac15f7d06dff567f.jpg53203734.png

在windows chrome 列宽是105，Linux chrome 列宽是100 ，Mac chrome 列宽是108
我将深入调研此问题，待有进展，会及时联系您。

调研编号：SJS-24029

Ellia.Duan · Ellia.Duan

本帖最后由 Ellia.Duan 于 2024-5-6 09:54 编辑

您好，经过初步调研，将windows chrome中的语言修改为English ,如下图所示：

image.png209583129.png

此时导入您的Excel文件，发现A列列宽是100 ，不是108。与Linux一致。
image.png905102844.png

同时，在mac的偏好设置设置英文，结果也是一致的。
所以，猜测您的操作系统中，语言不一致导致的问题，您可以先排查下此问题。

innerwang · innerwang

Ellia.Duan 发表于 2024-5-6 09:52
您好，经过初步调研，将windows chrome中的语言修改为English ,如下图所示：

为什么语言不同会导致列宽不一致的问题呢？

Ellia.Duan · Ellia.Duan

关于此问题还在进一步调研中，有结论，会及时回复您。

Ellia.Duan · Ellia.Duan

本帖最后由 Ellia.Duan 于 2024-5-11 10:32 编辑

您好，出现此问题的根本原因是，您的themeFont是一个非法字体：
image.png604882201.png

SpreeadJS导入的时候找不到此非法字体，然后就拿dom去量字，dom也不能识别此字体，就调用浏览器的fallback字体去量。这时候，如果fallback字体不一样的话，那么就不一样。

这个fallback字体不一样，可能是不同操作系统导致的，可能是不同语言导致的。

看到您因为此字体，发了多个列宽帖子：
https://gcdn.grapecity.com.cn/showtopic-203464-1-1.html

https://gcdn.grapecity.com.cn/showtopic-201476-1-1.html

均是由于此字体造成。
建议您替换此字体或者注册此字体，按照https://gcdn.grapecity.com.cn/showtopic-203464-1-1.html此贴给您的解决方案。

innerwang · innerwang

Ellia.Duan 发表于 2024-5-11 10:31
您好，出现此问题的根本原因是，您的themeFont是一个非法字体：

SpreeadJS导入的时候找不到此非法字体， ...

好的收到

Ellia.Duan · Ellia.Duan

innerwang 发表于 2024-5-11 15:51
好的收到

那本贴就先结帖啦，有问题欢迎发新帖交流。

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

[已处理] 在不同的浏览器中渲染报表时列宽展示不一致

SpreadJS 认证

SpreadJS 高级认证