手动增加列导致列头样式错位

1. let tableCount = table.range().colCount;
   
2.         let columnsCount = historyColumns.length;
   
3.         activeSheet.addColumns(tableCount, columnsCount);
   
4.         let width = activeSheet.getColumnWidth(
   
5.           tableCount,
   
6.           GC.Spread.Sheets.SheetArea.viewport
   
7.         );
   
8. 
   
9.         let tableColumns: any = [];
   
10.         let unvisibleList: any = [];
    
11.         // 获取table原有column
    
12.         for (let c = 0; c < tableCount; c++) {
    
13.           let dataField = table.getColumnDataField(c);
    
14.           let name = table.getColumnName(c);
    
15.           let tableColumn = new GC.Spread.Sheets.Tables.TableColumn();
    
16.           const colIndex = c + (startColumn - 1);
    
17.           const visible = activeSheet.getColumnVisible(colIndex);
    
18.           if (visible) {
    
19.             tableColumn.name(name);
    
20.             tableColumn.dataField(dataField);
    
21.             tableColumns.push(tableColumn);
    
22.           } else {
    
23.             unvisibleList.push(dataField);
    
24.             activeSheet.setColumnVisible(
    
25.               colIndex,
    
26.               true,
    
27.               GC.Spread.Sheets.SheetArea.viewport
    
28.             );
    
29.             activeSheet.setColumnVisible(
    
30.               colIndex + columnsCount,
    
31.               false,
    
32.               GC.Spread.Sheets.SheetArea.viewport
    
33.             );
    
34.           }
    
35.         }
    
36.         // 隐藏列
    
37.         console.log(unvisibleList,'unvisibleList');
    
38.         console.log(tableColumns, "tableColumns1");
    
39.         historyColumns.forEach((element) => {
    
40.           // 添加新的column
    
41.           let newTableColumn = new GC.Spread.Sheets.Tables.TableColumn();
    
42.           newTableColumn.name(element.name);
    
43.           newTableColumn.dataField(element.value);
    
44.           tableColumns.unshift(newTableColumn);
    
45.           activeSheet.setColumnWidth(
    
46.             0,
    
47.             width,
    
48.             GC.Spread.Sheets.SheetArea.viewpor
    
49.           );
    
50.           // table新增一列
    
51.           table.insertColumns(tableCount - 1, 1, true);
    
52.         });
    
53.         console.log(tableColumns, "tableColumns");
    
54.         table.bindColumns(tableColumns);

复制代码

1. const historyColumns = [
   
2.   {
   
3.     name: "处理人",
   
4.     value: "process_user",
   
5.   },
   
6.   {
   
7.     name: "处理时间",
   
8.     value: "process_time",
   
9.   },
   
10.   {
    
11.     name: "处理节点",
    
12.     value: "process_node",
    
13.   },
    
14.   {
    
15.     name: "数据类型",
    
16.     value: "history_type",
    
17.   },
    
18. ];
    

复制代码

1. // 历史记录列头合并
   
2.         activeSheet.addRows(0, 1);
   
3.         let style = new GC.Spread.Sheets.Style();
   
4.         style.backColor = "#5b9bd5";
   
5.         style.foreColor = "White";
   
6.         // style.isVerticalText = 'true';
   
7.         style.hAlign = GC.Spread.Sheets.HorizontalAlign.center;
   
8.         style.vAlign = GC.Spread.Sheets.VerticalAlign.center;
   
9.         activeSheet.setStyle(0, 1, style, GC.Spread.Sheets.SheetArea.viewport);
   
10.         activeSheet.setStyle(0, 0, style, GC.Spread.Sheets.SheetArea.viewport);
    
11. 
    
12.         activeSheet.addSpan(0, 1, 1, 3);
    
13.         activeSheet.addSpan(0, 0, 2, 1);
    
14. 
    
15.         // activeSheet.addSpan(0, 0, 1, tableColumns.length - 3);
    
16. 
    
17.         // activeSheet.setValue(0, 3, '基本信息');
    
18.         activeSheet
    
19.           .getCell(0, 1)
    
20.           .text("处理记录")
    
21.           .font("bold normal 15px normal");
    
22.         activeSheet
    
23.           .getCell(0, 0)
    
24.           .text("数据类型")
    
25.           .font("bold normal 15px normal");
    
26. 
    
27.         activeSheet.setValue(0, 1, "处理记录");
    
28.         activeSheet.setValue(0, 0, "数据类型");

复制代码

前4列列头合并代码

json文件

您好，后续我将在这个金牌帖子中跟进：https://gcdn.grapecity.com.cn/forum.php?mod=viewthread&tid=187197