【SpreadJS】14 三级表头如何处理数据源绑定

Lynn.Dou

本帖最后由 Lynn.Dou 于 2023-3-27 18:29 编辑

如题，需求是有三级的表头我应该怎么写表头数组？？？？

Lynn.Dou · Lynn.Dou

下图红框就是仿照您模板结构设计的，也就是您原来的表头。
image.png540106811.png

隐藏table列头的原因是，table列头会带有筛选按钮和列头名称，不符合您模板所显示的整体结构。
您只需要用table的数据区域，来显示数据绑定的内容就好了。

上图table设置为蓝色主题，是为了让您区分哪些是table区域，哪些是普通单元格区域。
事实上，您也可以将table主题设置为普通单元格样式，这样模板的整体样式会一致。

如下图，设置红框内的table样式看看效果。
image.png461947326.png

前端小菜鸟 · 前端小菜鸟

目前的处理方式是拿到数据后做一个行的大循环，然后一个cell一个cell的的放这种方式太慢了。
有什么数据处理的方式可以快一点么？？？
sheet.setArray 这种方式能不能快一点？？？

Lynn.Dou · Lynn.Dou

本帖最后由 Lynn.Dou 于 2023-3-20 17:44 编辑

您好，
根据三级表头的结构您整理好数据数组，然后setArray赋值测试看看。
需要注意，如果是合并单元格，数组内对合并单元格左上角单元格设置值，其余可以设置为空。
如果数据比较多，可以在赋值前后加上 suspendPaint/resumePaint 提升下渲染性能。
https://demo.grapecity.com.cn/sp ... ook/painting/purejs

前端小菜鸟 · 前端小菜鸟

Lynn.Dou 发表于 2023-3-20 17:42
您好，
根据三级表头的结构您整理好数据数组，然后setArray赋值测试看看。
需要注意，如果是合并单元格， ...

您好，我想问的是对于多级表头的处理，怎样才是数据绑定最好的方式呢？？？

Lynn.Dou · Lynn.Dou

复杂表头模板是什么样的，您提供下ssjson文件，这边分析看看。

前端小菜鸟 · 前端小菜鸟

前端小菜鸟 · 前端小菜鸟

Lynn.Dou 发表于 2023-3-21 16:05
复杂表头模板是什么样的，您提供下ssjson文件，这边分析看看。

大概是这样的表头也没什么规律一共六十及列吧

现在的问题是没有办法绑定数据源
搞了个循环一个cell 一个cell赋值

做修改保存的时候还拿不到getDirtyCells

请问这些问题该怎么解决？？？

前端小菜鸟 · 前端小菜鸟

后端给的数据格式是一块一块一行一行的给的

Lynn.Dou · Lynn.Dou

有个思路可以参考下，如下图：
将三行表头仍作为普通单元格区域，对表头下方的区域设置为table，并设置不显示标题行。
此时可以将标题行所占据的一行（下图第5行）隐藏。
image.png93537291.png

之后可以正常绑定数据源，且表头不会受影响。

另，根据您截图所示划分为4个table区域，根据后端返回的数据源绑定对应table即可。

		自动登录	找回密码
密码			立即注册

[已处理] 【SpreadJS】14 三级表头如何处理数据源绑定

最佳答案

10 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人