找回密码
 立即注册

QQ登录

只需一步,快速开始

大凯锅

注册会员

2

主题

2

帖子

10

积分

注册会员

积分
10
  • 33

    金币

  • 2

    主题

  • 2

    帖子

最新发帖
大凯锅
注册会员   /  发表于:2024-7-18 21:06  /   查看:705  /  回复:1
现象: image.png135200194.png
vue代码:

<template>
  <div style="height: 500px">
    <div class="sample-tutorial1">
      <gc-spread-sheets class="sample-spreadsheets1" @workbookInitialized="initSpread">
        <gc-worksheet></gc-worksheet>
      </gc-spread-sheets>
    </div>
  </div>
</template>
<script>
import "@grapecity/spread-sheets/styles/gc.spread.sheets.excel2016colorful.css";
import "@grapecity/spread-sheets-vue";
import * as GC from "@grapecity/spread-sheets";

GC.Spread.Sheets.LicenseKey = "xx";
export default {
  name: "demoSpread",
  data() {
    return {};
  },
  mounted() {},
  created() {},
  methods: {
    /**
     * 初始化SpreadJs
     */
    initSpread(spread) {
      spread.options.highlightInvalidData = true;
      spread.suspendPaint();
      spread.clearSheetTabs();
      const sheet = spread.getSheet(0);
      sheet.name("demo");
      sheet.options.clipBoardOptions = GC.Spread.Sheets.ClipboardPasteOptions.values;
      this.groupData = [
        { key: "kk1", sideKey: "side1", c1: 1, c2: 1 },
        { key: "kk2", sideKey: "kk2", c1: 1, c2: 1 },
      ];
      sheet.setDataSource(this.groupData);

      const header = [
        {
          name: "key",
          displayName: "key",
          size: 210,
          visible: true,
        },
        {
          name: "sideKey",
          displayName: "sideKey",
          size: 210,
          visible: true,
        },
        {
          name: "c1",
          displayName: "c1",
          size: 210,
        },
        {
          name: "c2",
          displayName: "c2",
          size: 210,
        },
      ];
      sheet.bindColumns(header);

      const dv = new GC.Spread.Sheets.DataValidation.createNumberValidator(GC.Spread.Sheets.ConditionalFormatting.ComparisonOperators.greaterThan, 0, Number.MAX_SAFE_INTEGER, false);
      dv.ignoreBlank(false);

      sheet.setDataValidator(0, 2, dv, GC.Spread.Sheets.SheetArea.viewport);
      sheet.setDataValidator(0, 3, dv, GC.Spread.Sheets.SheetArea.viewport);

      spread.resumePaint();
    },
  },
};
</script>
<style scoped>
.sample-tutorial1 {
  height: 100%;
  overflow: hidden;
}

.sample-spreadsheets1 {
  height: 100%;
  overflow: hidden;
}
</style>

1 个回复

倒序浏览
Joestar.XuSpreadJS 开发认证
超级版主   /  发表于:2024-7-19 09:50:12
沙发
您好,请勿重复发帖,已在之前的帖子中给您回复。

https://gcdn.grapecity.com.cn/showtopic-223290-1-1.html
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部