在线表格编辑器去除数据透视表的相关引用

SpreadJS V14版本中退出了数据透视表的功能，该功能作为SpreadJS其中一个addon，用户可自行添加购买。在SpreadJS在线表格编辑器中默认是会将数据透视表的边关引用加上的。在没有购买数据透视表功能的情况下，虽然数据透视表的功能无法使用，但是仍然会加载数据透视表的相关js库，这就白白浪费了系统的资源。本篇博客将告知大家如何在在线表格编辑器中将数据透视表的相关功能引用去掉。这样对没有购买数据透视表的用户来说，就不会再白白浪费系统资源去加载一个无法使用的功能了。
1.原始java script的工程中：
在原始java script的工程中我们需要将在线表示编辑器中PivotTable相关的引用和入口位置去除，如下图红框所示：

首先需要将代码引用的PivotTable的js注释掉。

然后通过

1. var config = GC.Spread.Sheets.Designer.DefaultConfig;

复制代码

获取defaultconfig，之后将里面PivotTable的相关入口去掉

最后在designer初始化语句中传入修改后的config

1. var designer = new GC.Spread.Sheets.Designer.Designer(document.getElementById("gc-designer-container"), config, spread);

复制代码

2.在框架中，以react为例：
首先，在app.js中删除掉数据透视表的引用

之后跟原始javascript操作一样，通过

1. var config = GC.Spread.Sheets.Designer.DefaultConfig;

复制代码

获取DefaultConfig，之后将里面PivotTable的相关入口去掉。
然后return中将config传入

1. return (
   
2.     <Designer styleInfo = {{width: "100%", height: '98vh'}} config = {config}   spreadOptions = {{sheetCount: 2}}></Designer>
   
3.   );

复制代码

在design15.1.3版本中，vue3项目不引入'@grapecity/spread-sheets-shapes'，'@grapecity/spread-sheets-pivot-addon'这两个库在插入中便看不到数据透视表选项，反之，在<script>标签中引入

1. import '@grapecity/spread-sheets-shapes';
   
2. import '@grapecity/spread-sheets-pivot-addon';

复制代码

则会在插入tab中看到数据透视表选项

感谢分享