【v15-vue】代码设置spread高度

Richard.Ma

原来设置spread高度是写死的，给了一个类名，现在想根据页面变化动态配置。类似的api是什么?
.spread-host {
  width: 100%;
  height: 50vh;
  border: 1px solid black;
}
<gc-spread-sheets
  v-loading="loading"
  :newTabVisible='newTabVisible'
  hostClass='spread-host'
  @workbookInitialized='workbookInitialized($event)'>
  <gc-worksheet :name="sheetName">
  </gc-worksheet>
</gc-spread-sheets>
this.spread.height=??

Richard.Ma · Richard.Ma

本帖最后由 Richard.Ma 于 2022-8-18 18:39 编辑

目前没有提供接口来直接设置

所以思路还是通过修改style或者css来进行高度设置，比如你在vue中，可以动态绑定style或css，
例如下图所示，可以来进行动态切换

image.png782168578.png

秋辞 · 秋辞

Richard.Ma 发表于 2022-8-18 15:17
目前没有提供接口来直接设置

所以思路还是通过修改style或者css来进行高度设置，比如你在vue中，可以动 ...

这块又搜了一下以前的帖子，已经解决了，spread高度可以根据外层壳子动态变化，您给的这种方式也理解了

谢谢。
<div :style="{height: height}">
   <gc-spread-sheets
      v-loading="loading"
      :newTabVisible='newTabVisible'
      hostClass='spread-host'
      @workbookInitialized='workbookInitialized($event)'>
      <gc-worksheet :name="sheetName">
      </gc-worksheet>
   </gc-spread-sheets>
</div>

Richard.Ma · Richard.Ma

好的，问题解决就行，有其他问题欢迎发新帖咨询

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

[已处理] 【v15-vue】代码设置spread高度

最佳答案

3 个回复

评分

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人