找回密码
 立即注册

QQ登录

只需一步,快速开始

Hyao

注册会员

13

主题

47

帖子

172

积分

注册会员

积分
172
Hyao
注册会员   /  发表于:2022-11-24 18:37  /   查看:1773  /  回复:7
1金币

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

image.png660744933.png

最佳答案

查看完整内容

您好,这边加了一个watch监听后,,获取新值,同时调用是可以实现动态更新宽度的。如下图所示: 修改后的代码见附件

7 个回复

倒序浏览
最佳答案
最佳答案
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于:2022-11-24 18:37:31
来自 8#
本帖最后由 Ellia.Duan 于 2022-11-28 09:45 编辑

您好,这边加了一个watch监听后,,获取新值,同时调用
  1. spreadRef.value.refresh()
复制代码
是可以实现动态更新宽度的。如下图所示:
image.png598930358.png
修改后的代码见附件

App.vue

3.13 KB, 下载次数: 113

回复 使用道具 举报
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于:2022-11-25 10:58:07
2#
本帖最后由 Ellia.Duan 于 2022-11-25 10:59 编辑

您好,需要您提供下更多信息,如您图片中的文件,复现流程。
关于如何上传文件,您可以将您当前文件通过toJSON生成json对象,然后上传此json对象 。
另外,您是否引用了其他样式,可以先排查下是否是其他样式造成您上述问题的干扰。
回复 使用道具 举报
Hyao
注册会员   /  发表于:2022-11-25 12:00:34
3#
Ellia.Duan 发表于 2022-11-25 10:58
您好,需要您提供下更多信息,如您图片中的文件,复现流程。
关于如何上传文件,您可以将您当前文件通过to ...



image.png264267577.png
image.png407504577.png


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

滑动自适应.zip

303.92 KB, 下载次数: 135

回复 使用道具 举报
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于:2022-11-25 17:45:47
4#
本帖最后由 Ellia.Duan 于 2022-11-25 17:49 编辑

这边下载了您的代码,访问后发现不能通过UI方式修改让左侧侧边栏滑动,请问您是怎么让左侧侧边栏滑动的?您是在移动端操作吗?
回复 使用道具 举报
Hyao
注册会员   /  发表于:2022-11-25 17:59:11
5#
Ellia.Duan 发表于 2022-11-25 17:45
这边下载了您的代码,访问后发现不能通过UI方式修改让左侧侧边栏滑动,请问您是怎么让左侧侧边栏滑动的?您 ...

image.png573551940.png 鼠标放置这个地方就可以滑动
回复 使用道具 举报
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于:2022-11-25 18:06:45
6#
左侧侧边栏滑动过程中,右边right的宽度一直在变,但是你没有把值传入到SpreadJS组件。也就是SpreadJS父组件变化了,它本身的自适应,需要修改sample-spreadsheets样式来实现
回复 使用道具 举报
Hyao
注册会员   /  发表于:2022-11-28 09:19:15
7#
Ellia.Duan 发表于 2022-11-25 18:06
左侧侧边栏滑动过程中,右边right的宽度一直在变,但是你没有把值传入到SpreadJS组件。也就是SpreadJS父组 ...

image.png276412963.png

image.png786247253.png

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





没起效果啊
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部