请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

梁阿凯

注册会员

2

主题

8

帖子

16

积分

注册会员

积分
16
  • 60

    金币

  • 8

    帖子

  • 0

    精华

最新发帖

[已处理] 15.1.0

梁阿凯
注册会员   /  发表于:2023-5-24 10:36  /   查看:37  /  回复:6
第一次滑过标注样式 image.png22054747.png 第二次 image.png486993407.png
第一次滑过标注高度计算错误


SHEET_HEAD_TIP_LIST.forEach((val, i) => {
      const comment = sheet.comments.add(0, i, val.tipTitle)
      comment.foreColor('#FFF')
      comment.backColor('#1f2733')
      comment.fontSize('14px')
      comment.padding(new GC.Spread.Sheets.Comments.Padding(10, 8, 10, 8))
      comment.horizontalAlign(GC.Spread.Sheets.HorizontalAlign.center)
      // comment.displayMode(GC.Spread.Sheets.Comments.DisplayMode.alwaysShown);
      comment.autoSize(true)



image.png688691405.png

6 个回复

倒序浏览
梁阿凯
注册会员   /  发表于:4 天前
沙发
修改完 葡萄城自带样式.gc-spread-floatBlockCanvas-container {
  .gc-spread-host-container {
    border-style: none !important;

    .gc-spread-host {
      height: auto !important;
      border-radius: 6px;
    }
  }
}

.gc-spread-lineCanvas-container {
  display: none;
}
之后宽度计算错误
第一次滑过
image.png749690246.png
第二次滑过 image.png349406127.png
第一次没有达到autoSize 效果
回复 使用道具 举报
JoestarXu
超级版主   /  发表于:4 天前
板凳
您好,了解到您的问题了,能否提供一下您的demo?这边调查一下看看具体是什么原因导致的。
回复 使用道具 举报
梁阿凯
注册会员   /  发表于:4 天前
地板
JoestarXu 发表于 2023-5-24 11:52
您好,了解到您的问题了,能否提供一下您的demo?这边调查一下看看具体是什么原因导致的。

import * as React from 'react';
import GC from '@grapecity/spread-sheets';
import '@grapecity/spread-sheets-resources-zh';
GC.Spread.Common.CultureManager.culture("zh-cn");
import { SpreadSheets, Worksheet } from '@grapecity/spread-sheets-react';
import './styles.css';

export function AppFunc() {
    let initSpread = function (value) {
        const tip=['提示1哇恶气请问','提示2请问企鹅']
        let spread = value;
        let sheet1 = spread.getSheet(0);
        sheet1.setValue(0, 0, 'Hello World!');
        sheet1.setValue(0, 1, 'Hello World!');
        tip.forEach((item,index)=>{
const comment = sheet1.comments.add(0, index, item)
      comment.foreColor('#FFF')
      comment.backColor('#1f2733')
      comment.fontSize('14px')
      comment.padding(new GC.Spread.Sheets.Comments.Padding(10, 8, 10, 8))
      comment.horizontalAlign(GC.Spread.Sheets.HorizontalAlign.center)
      comment.autoSize(true)
        })

    }

    return (<div class="sample-tutorial">
        <div class="sample-spreadsheets">
            <SpreadSheets workbookInitialized={spread => initSpread(spread)}>
                <Worksheet></Worksheet>
            </SpreadSheets>
        </div>
    </div>);
}


css部分
.sample-tutorial {
   position: relative;
   height: 100%;
   overflow: hidden;
}
.sample-spreadsheets {
   width: 100%;
   height: 100%;
}
body {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
}

#app {
   height: 100%;
}
.gc-spread-floatBlockCanvas-container {
  .gc-spread-host-container {
    border-style: none !important;

    .gc-spread-host {
      height: auto !important;
      border-radius: 6px;
    }
  }
}

.gc-spread-lineCanvas-container {
  display: none;
}
回复 使用道具 举报
JoestarXu
超级版主   /  发表于:4 天前
5#
梁阿凯 发表于 2023-5-24 14:11
import * as React from 'react';
import GC from '@grapecity/spread-sheets';
import '@grapecity/sp ...

您好,您这个问题我在本地重现出来了,确实如您所说第二次的时候正常了。

不过我用v16版本的SpreadJS尝试重现的时候发现未能重现出来,可能这个问题已经在v16版本修复了,您能否切换到v16版本再试验一下看看问题是否还能重现?
回复 使用道具 举报
梁阿凯
注册会员   /  发表于:4 天前
6#
JoestarXu 发表于 2023-5-24 16:35
您好,您这个问题我在本地重现出来了,确实如您所说第二次的时候正常了。

不过我用v16版本的SpreadJS ...

好的                 谢谢
回复 使用道具 举报
JoestarXu
超级版主   /  发表于:4 天前
7#
梁阿凯 发表于 2023-5-24 17:38
好的                 谢谢

不客气哈,后续有问题随时开贴提问。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部