表格合并后如何绑定数据，绑定数据后如何同步样式

收藏

本帖最后由 Ellia.Duan 于 2022-9-28 10:16 编辑

image.png225112303.png

右边设计器表格设定好字段，怎么关联到表格上？这个是怎么操作的？
image.png501344298.png

我选择表格后怎么这个列就变掉了？

还有这个表格怎么绑定数据？我看那些例子是写的代码添加表格到具体的某个位置上，，
但是这个已经设计好的表格要怎么用设计器进行关联，然后进行绑定？？？？

Ellia.Duan · Ellia.Duan

我帮您梳理下使用Designer设计模板与绑定数据流程
1、在在线表格编辑器点击数据tab,然后点击工作表绑定，出现数据源右侧菜单
2、设置数据源
如下图所示：
image.png767485351.png

3、拖拽进sheet中
image.png315205687.png

4、此时可以点击“绑定数据”按钮，触发bindData()，进行绑定数据，绑定数据代码如下

bindData() {
let sheet = this.spread.getActiveSheet();
let data = {
name: '李磊',
person: [
{name: 'a', age: 'b', address: 'c'},
{name: 'a', age: 'b', address: 'c'},
{name: 'a', age: 'b', address: 'c'},
{name: 'a', age: 'b', address: 'c'}
]
}
let datasource = new GC.Spread.Sheets.Bindings.CellBindingSource(data);
sheet.setDataSource(datasource);
},

复制代码

5、触发此事件后，此时sheet中模板已经绑定了数据源
image.png196531371.png

6、想要保存此模板，可以点击 image.png262636107.png

7、下次重新打开可以点击 image.png628357238.png

加载成功后，会出现步骤三的示例图片。
8、重复绑定数据操作。出现步骤5所示示例图片。

钛和集团 · 钛和集团

Ellia.Duan 发表于 2022-9-19 12:24
我帮您梳理下使用Designer设计模板与绑定数据流程
1、在在线表格编辑器点击数据tab,然后点击工作表绑定， ...

我这个表格是多个单元格进行合并的，所以一拖拽过来，这个列的字段就不对了，这个该怎么办？

还有我这个是一个sheet页是两个表格，该怎么绑定呢？

钛和集团 · 钛和集团

然后还报这个错了，这个要怎么办

Ellia.Duan · Ellia.Duan

钛和集团发表于 2022-9-20 11:47
我这个表格是多个单元格进行合并的，所以一拖拽过来，这个列的字段就不对了，这个该怎么办？

还有 ...

第一个问题有两种解决方案：
在合并表头后，同时要合并表其他区域，拖拽数据源后，手动设置列如下图所示：
image.png60303648.png

此步骤较为繁琐，原因是在Excel中不允许table合并单元格。但是在Spread中Table可以合并单元格，所以既然合并，就得手动设置列。
第二个方案是：在Spread中禁止table区域合并单元格，可以参考这篇文章：
https://gcdn.grapecity.com.cn/fo ... read&tid=154140

第二个问题：如果一个sheet存在多个table,如下图所示。有一个person表还有一个product表。

image.png950995483.png