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

Wilson.Zhang

我想把这个显示全

Wilson.Zhang · Wilson.Zhang

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

可以帮您提供思路，参考原生的导航菜单，如下图所示。
1727344034131.png14622496.png

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

Wilson.Zhang · Wilson.Zhang

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

1727320570256.png622767943.png

LilaS · LilaS

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

但这样改也影响右键菜单

Wilson.Zhang · Wilson.Zhang

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

是的，导航菜单和右键菜单共用了相同的css样式，您试下如下代码：

document.querySelector('.gc-ui-contextmenu-container').style.width = '300px';

复制代码

LilaS · LilaS

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

显示不全

Wilson.Zhang · Wilson.Zhang

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

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

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

LilaS · LilaS

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

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

LilaS · LilaS

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

好的感谢

Wilson.Zhang · Wilson.Zhang

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

不客气！如有问题，欢迎发新帖沟通。

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

[已处理] 【17.1.2】设计器中的所有工作表菜单显示不全怎么调整宽度？

最佳答案

9 个回复

[已处理] 【17.1.2】 设计器中的所有工作表菜单显示不全 怎么调整宽度？

最佳答案

9 个回复

[已处理] 【17.1.2】设计器中的所有工作表菜单显示不全怎么调整宽度？