LilaS 发表于 2024-9-26 10:58:32

【17.1.2】 设计器中的所有工作表菜单显示不全 怎么调整宽度?



我想把这个显示全

Wilson.Zhang 发表于 2024-9-26 10:58:33

LilaS 发表于 2024-9-26 17:06
怎么实现 那你能帮帮我吗 ?[狗头]

可以帮您提供思路,参考原生的导航菜单,如下图所示。


分别定义导航菜单<div>容器和每个菜单选项<span>,菜单选项<span>取值自Worksheet,且按照Worksheet顺序排列。为自定义导航菜单设置宽度,或者令其根据Worksheet名称自适应宽度。定义好后,在底部Tab栏取消显示原生的导航菜单栏,添加自定义DOM元素以代替原有导航菜单栏开关,每次打开自定义导航菜单时都重新设置<span>的值,用以同步被更新的Worksheet名称,保证名称一致。您可以参考上述思路实现下。

Wilson.Zhang 发表于 2024-9-26 11:16:48

您好!如下图所示,可以尝试修改对应DOM元素的css样式中的width属性,调整更宽即可。


LilaS 发表于 2024-9-26 11:29:32

Wilson.Zhang 发表于 2024-9-26 11:16
您好!如下图所示,可以尝试修改对应DOM元素的css样式中的width属性,调整更宽即可。



但这样改也影响右键菜单

Wilson.Zhang 发表于 2024-9-26 11:53:46

LilaS 发表于 2024-9-26 11:29
但这样改也影响右键菜单

是的,导航菜单和右键菜单共用了相同的css样式,您试下如下代码:
document.querySelector('.gc-ui-contextmenu-container').style.width = '300px';

LilaS 发表于 2024-9-26 15:06:02

Wilson.Zhang 发表于 2024-9-26 11:53
是的,导航菜单和右键菜单共用了相同的css样式,您试下如下代码:



显示不全

Wilson.Zhang 发表于 2024-9-26 16:49:06

LilaS 发表于 2024-9-26 15:06
显示不全

如果标题文本过长,无法全部显示。而且,Excel标准有限制Worksheet名称总长度不超过31个字符,包括可读字符和特殊字符。不过,紧挨着导航菜单中标题项下方有tips,可以显示全文本,如下图所示。


如果实在想要在导航菜单中显示每个Worksheet名称的全称,可以参考原生导航菜单尝试自定义实现。


LilaS 发表于 2024-9-26 17:06:32

Wilson.Zhang 发表于 2024-9-26 16:49
如果标题文本过长,无法全部显示。而且,Excel标准有限制Worksheet名称总长度不超过31个字符,包括可读字 ...

怎么实现 那你能帮帮我吗 ?[狗头]

LilaS 发表于 2024-9-26 18:33:30

Wilson.Zhang 发表于 2024-9-26 17:52
可以帮您提供思路,参考原生的导航菜单,如下图所示。




好的 感谢:D

Wilson.Zhang 发表于 2024-9-27 08:26:56

LilaS 发表于 2024-9-26 18:33
好的 感谢

不客气!如有问题,欢迎发新帖沟通。
{:5_110:}
页: [1]
查看完整版本: 【17.1.2】 设计器中的所有工作表菜单显示不全 怎么调整宽度?