表单绑定时如何不修改表头

产品：SpreadJS
版本：v15


请问一下在设置大量数据的时候使用setDataSource方法，如何从第一行开始，上面的表头行A不变？setArray比setDataSource慢

FzcSuiY 发表于 2023-10-17 14:13
感谢回复！ 但是你这只是改变了列头显示的文本吧，name和age字段也需要显示到第一行，不然不知道你下面的 ...

您好，可以在上述代码基础上，在第一行新增行，写入name,age等标识。

结果如下

相关代码如下：

1.         let sheet = spread.getActiveSheet();
   
2. 
   
3.         // 要绑定的数据
   
4.         const persons = [
   
5.             { name: 'Peter', age: 16 },
   
6.             { name: 'Mark', age: 18 },
   
7.             { name: 'John', age: 27 },
   
8.             { name: 'Jane', age: 14 },
   
9.         ]
   
10. 
    
11.      // 列信息
    
12.         const colInfos = [
    
13.             { name: 'name', displayName: 'A' },
    
14.             { name: 'age', displayName: 'B' },
    
15.         ]
    
16.         sheet.autoGenerateColumns = false
    
17.         sheet.setDataSource(persons)
    
18.         sheet.bindColumns(colInfos)
    
19.         sheet.addRows(0,1)
    
20.         sheet.setArray(0,0,[['name','age']])

复制代码

代码实现：

1. // 要绑定的数据
   
2. const persons = [
   
3.   { name: 'Peter', age: 16 },
   
4.   { name: 'Mark', age: 18 },
   
5.   { name: 'John', age: 27 },
   
6.   { name: 'Jane', age: 14 },
   
7. ]
   
8. 
   
9. // 列信息
   
10. const colInfos = [
    
11.   { name: 'name', displayName: 'A' },
    
12.   { name: 'age', displayName: 'B' },
    
13. ]
    
14. sheet.autoGenerateColumns = false
    
15. sheet.setDataSource(persons)
    
16. sheet.bindColumns(colInfos)
    

复制代码

Banana 发表于 2023-10-17 13:50
代码实现：

感谢回复！ 但是你这只是改变了列头显示的文本吧，name和age字段也需要显示到第一行，不然不知道你下面的数据都是什么含义的

FzcSuiY 发表于 2023-10-17 14:13
感谢回复！ 但是你这只是改变了列头显示的文本吧，name和age字段也需要显示到第一行，不然不知道你下面的 ...

那可以尝试一下表格绑定  https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/data-binding/table-binding/purejs

Banana 发表于 2023-10-17 14:36
那可以尝试一下表格绑定  https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/data-bind ...

表格太慢了，就是从表格改回来的。

FzcSuiY 发表于 2023-10-17 15:15
表格太慢了，就是从表格改回来的。

参考这里提升性能：
https://demo.grapecity.com.cn/spreadjs/help/docs/BestPractices/UsingsuspendPaintandresumePaint

Banana 发表于 2023-10-17 16:19
参考这里提升性能：
https://demo.grapecity.com.cn/spreadjs/help/docs/BestPractices/UsingsuspendPai ...

你可以试试百万千万级的数据颗粒渲染 试试。

Ellia.Duan 发表于 2023-10-17 17:53
您好，可以在上述代码基础上，在第一行新增行，写入name,age等标识。

结果如下

感谢回复！这种方法也想过，但是列比较多又是动态列的情况下这个ABC替换也需要规律和时间，目前还有没其他的解决方法吗？

根据您之前的回复来看，目前没有更好的方案了。