找回密码
 立即注册

QQ登录

只需一步,快速开始

HoneyBear
初级会员   /  发表于:2022-4-15 10:44  /   查看:2953  /  回复:3
20金币
本帖最后由 Derrick.Jiao 于 2022-5-5 09:52 编辑

image.png829843749.png


修改官网示例代码如下  


修改  app.jsx:   「其余不变」
  1. import * as React from 'react';
  2. import * as ReactDOM from 'react-dom';
  3. import GC from '@grapecity/spread-sheets';
  4. import '@grapecity/spread-sheets-resources-zh';
  5. GC.Spread.Common.CultureManager.culture("zh-cn");
  6. import {SpreadSheets, Worksheet, Column} from '@grapecity/spread-sheets-react';
  7. import { getData } from './data';
  8. import './styles.css';

  9. const Component = React.Component;

  10. function _getElementById(id) {
  11.     return document.getElementById(id);
  12. }

  13. class App extends Component {
  14.     constructor(props) {
  15.         super(props);
  16.         this.spread = null;
  17.         this.autoGenerateColumns = false;
  18.     }

  19.     render() {
  20.         return (
  21.             <div class="sample-tutorial">
  22.                 <div class="sample-spreadsheets groupAppearanceSs">
  23.                     <SpreadSheets workbookInitialized={spread => this.initSpread(spread)}>
  24.                         <Worksheet></Worksheet>
  25.                     </SpreadSheets>
  26.                 </div>
  27.             </div>
  28.         );
  29.     }

  30.     initSpread(spread) {
  31.         this.spread = spread;
  32.         spread.fromJSON(getData()[0]);
  33.         spread.options.scrollByPixel = true
  34.         let sheet = spread.getSheet(0);
  35.         sheet.suspendPaint();
  36.         sheet.rowOutlines.group(3, 4);
  37.         sheet.rowOutlines.group(8, 3);
  38.         sheet.rowOutlines.group(12, 2);
  39.         sheet.rowOutlines.group(15, 3);
  40.         sheet.rowOutlines.group(3, 18);

  41.         sheet.columnOutlines.group(1, 4);
  42.         sheet.columnOutlines.group(6, 18);
  43.         sheet.resumePaint();
  44.     }

  45. }

  46. ReactDOM.render(<App/>, _getElementById('app'));
复制代码


最佳答案

查看完整内容

问题已复现,这边需要做进一步调研,初步来看有可能是学习指南所用的框架造成,有进展会在本帖更新(SJS-12665) —————————————————————————————————————— 该问题已在15.0.7中修复,请升级至该版本。

3 个回复

倒序浏览
最佳答案
最佳答案
Derrick.Jiao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2022-4-15 10:44:56
来自 2#
本帖最后由 Derrick.Jiao 于 2022-5-5 09:52 编辑

问题已复现,这边需要做进一步调研,初步来看有可能是学习指南所用的框架造成,有进展会在本帖更新(SJS-12665)

——————————————————————————————————————
该问题已在15.0.7中修复,请升级至该版本。

评分

参与人数 1满意度 +5 收起 理由
HoneyBear + 5

查看全部评分

回复 使用道具 举报
HoneyBear
初级会员   /  发表于:2022-5-7 12:52:26
3#
Derrick.Jiao 发表于 2022-4-15 10:44
问题已复现,这边需要做进一步调研,初步来看有可能是学习指南所用的框架造成,有进展会在本帖更新(SJS-12 ...

好的  谢谢
回复 使用道具 举报
Derrick.Jiao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2022-5-7 14:20:41
4#

不用客气,有新问题欢迎开新帖交流~
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部