滑动导航，spread自适应

Ellia.Duan

左侧导航栏可以移动，移动后spread无法自适应，有没有什么方法

image.png660744933.png

Ellia.Duan · Ellia.Duan

本帖最后由 Ellia.Duan 于 2022-11-28 09:45 编辑

您好，这边加了一个watch监听后，，获取新值，同时调用

spreadRef.value.refresh()

复制代码

是可以实现动态更新宽度的。如下图所示：
image.png598930358.png

修改后的代码见附件

Ellia.Duan · Ellia.Duan

本帖最后由 Ellia.Duan 于 2022-11-25 10:59 编辑

您好，需要您提供下更多信息，如您图片中的文件，复现流程。
关于如何上传文件，您可以将您当前文件通过toJSON生成json对象，然后上传此json对象。
另外，您是否引用了其他样式，可以先排查下是否是其他样式造成您上述问题的干扰。

Hyao · Hyao

Ellia.Duan 发表于 2022-11-25 10:58
您好，需要您提供下更多信息，如您图片中的文件，复现流程。
关于如何上传文件，您可以将您当前文件通过to ...

左侧滑动，能让右侧自适应

Ellia.Duan · Ellia.Duan

本帖最后由 Ellia.Duan 于 2022-11-25 17:49 编辑

这边下载了您的代码，访问后发现不能通过UI方式修改让左侧侧边栏滑动，请问您是怎么让左侧侧边栏滑动的？您是在移动端操作吗？

Hyao · Hyao

Ellia.Duan 发表于 2022-11-25 17:45
这边下载了您的代码，访问后发现不能通过UI方式修改让左侧侧边栏滑动，请问您是怎么让左侧侧边栏滑动的？您 ...

鼠标放置这个地方就可以滑动

Ellia.Duan · Ellia.Duan

左侧侧边栏滑动过程中，右边right的宽度一直在变，但是你没有把值传入到SpreadJS组件。也就是SpreadJS父组件变化了，它本身的自适应，需要修改sample-spreadsheets样式来实现

Hyao · Hyao

Ellia.Duan 发表于 2022-11-25 18:06
左侧侧边栏滑动过程中，右边right的宽度一直在变，但是你没有把值传入到SpreadJS组件。也就是SpreadJS父组 ...

<gc-spread-sheets v-bind:style="{width:detailWidth+'px', height:'466px'}" @workbookInitialized="initSpread">
   <gc-worksheet>
      <gc-column> </gc-column>
   </gc-worksheet>
</gc-spread-sheets>

没起效果啊

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

[已处理] 滑动导航，spread自适应

最佳答案

7 个回复

SpreadJS 认证

SpreadJS 高级认证