找回密码
 立即注册

QQ登录

只需一步,快速开始

NanChengQing

初级会员

26

主题

93

帖子

279

积分

初级会员

积分
279

[已处理] spreadJs样式问题

NanChengQing
初级会员   /  发表于:2023-4-10 14:33  /   查看:981  /  回复:8
image.png508897399.png image.png466237487.png class="bottom"采用的是flex布局,显示高度为392px,但是表格渲染只有这么一点。如图所示

8 个回复

倒序浏览
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2023-4-10 19:12:12
沙发
您好,
您检查下是否是样式设计的有冲突呢?
如果仍未解决,请直接提供一个可复现的demo,这边基于代码调试看看原因。
回复 使用道具 举报
NanChengQing
初级会员   /  发表于:2023-4-11 09:12:46
板凳
Lynn.Dou 发表于 2023-4-10 19:12
您好,
您检查下是否是样式设计的有冲突呢?
如果仍未解决,请直接提供一个可复现的demo,这边基于代码调 ...

spreadjs作为子组件,在父组件的div内进行调用,当div给的是具体的高度值的时候如:height为500时不会出现这样的问题,高度为vh时也不会出现这样的问题。但是高度为百分比或者flex的时候就出现这种情况了
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2023-4-11 17:36:38
地板
父子组件具体是如何定义的?为了更快解决您的问题,请直接提供一个可复现的demo来,这边需要基于代码分析下问题原因。
附件为vue的demo模板,您可以在此基础上补充自己的代码。

vue-sjs-simple-excelIO-V15.2.5.zip

198.08 KB, 下载次数: 42

回复 使用道具 举报
NanChengQing
初级会员   /  发表于:2023-4-13 13:53:42
5#
Lynn.Dou 发表于 2023-4-11 17:36
父子组件具体是如何定义的?为了更快解决您的问题,请直接提供一个可复现的demo来,这边需要基于代码分析下 ...

复现时发现是我们内部重写dialog组件的高度问题,此外还有一个问题是表格在初始化的时候你们的内部样式是不是给了一个默认的最小高度值
回复 使用道具 举报
NanChengQing
初级会员   /  发表于:2023-4-13 14:11:22
6#
image.png923381347.png 比较奇怪的是外层基本撑开了,单元格区域就是只有这么一点。但是新增sheet的时候高度就会变成正常的
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2023-4-13 17:38:22
7#
样式异常的问题通过问题描述是无法直接判断原因的,需要您提供一个具体的demo,通过代码才好分析具体原因。
回复 使用道具 举报
NanChengQing
初级会员   /  发表于:2023-4-25 15:45:38
8#
Lynn.Dou 发表于 2023-4-13 17:38
样式异常的问题通过问题描述是无法直接判断原因的,需要您提供一个具体的demo,通过代码才好分析具体原因。

内部封装的dialog主键存在opened方法,导致样式问题。通过spreadjs的重新加载来解决这个显示的问题, 无法提供demo抱歉

评分

参与人数 1金币 +200 收起 理由
Lynn.Dou + 200 赞一个!

查看全部评分

回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2023-4-25 17:07:24
9#
NanChengQing 发表于 2023-4-25 15:45
内部封装的dialog主键存在opened方法,导致样式问题。通过spreadjs的重新加载来解决这个显示的问题, 无 ...

问题解决了就好,也感谢您分享解决方案,这边给您送上金币奖励。
本贴就先结贴了,有问题欢迎另开新帖交流。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部