15.1.0滑过标注高度计算错误

第一次滑过标注样式 第二次
第一次滑过标注高度计算错误


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)

梁阿凯 发表于 2023-5-24 17:38
好的                 谢谢

不客气哈，后续有问题随时开贴提问。

JoestarXu 发表于 2023-5-24 16:35
您好，您这个问题我在本地重现出来了，确实如您所说第二次的时候正常了。

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

好的                 谢谢

梁阿凯 发表于 2023-5-24 14:11
import * as React from 'react';
import GC from '@grapecity/spread-sheets';
import '@grapecity/sp ...

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

不过我用v16版本的SpreadJS尝试重现的时候发现未能重现出来，可能这个问题已经在v16版本修复了，您能否切换到v16版本再试验一下看看问题是否还能重现？

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;
}

您好，了解到您的问题了，能否提供一下您的demo？这边调查一下看看具体是什么原因导致的。

修改完 葡萄城自带样式.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;
}
之后宽度计算错误
第一次滑过

第二次滑过
第一次没有达到autoSize 效果