关于冻结左右列，滚动的问题

关于冻结左右列，滚动的问题

如图，滚动到最右边，出现这个很大的间隙，怎么处理

1. <template>
   
2.   <div id="app" class="sample-tutorial">
   
3.     <gc-spread-sheets class="sample-spreadsheets" v-bind="{...config}" @workbookInitialized="initSpread">
   
4.       <gc-worksheet :data-source="dataSource">
   
5.         <gc-column :data-field="'Film'" :width="160" />
   
6.         <gc-column :data-field="'Genre'" :width="170" />
   
7.         <gc-column :data-field="'Lead Studio'" :width="190" />
   
8.         <gc-column :data-field="'Audience Score %'" :width="110" />
   
9.         <gc-column :data-field="'Profitability'" :width="80" />
   
10.         <gc-column :data-field="'Rating'" />
    
11.         <gc-column :data-field="'Worldwide Gross'" />
    
12.         <gc-column :data-field="'Year'" />
    
13.         <gc-column :data-field="'Worldwide Gross'" :width="160" />
    
14.         <gc-column :data-field="'Worldwide Gross'" :width="160" />
    
15.         <gc-column :data-field="'Worldwide Gross'" :width="160" />
    
16.         <gc-column :data-field="'Worldwide Gross'" :width="160" />
    
17.       </gc-worksheet>
    
18.     </gc-spread-sheets>
    
19.   </div>
    
20. </template>

复制代码

1.   initSpread(spread) {
   
2.       this.spread = spread
   
3.       window.spread = spread
   
4.       //   spread.fromJSON(dataJson)
   
5.       spread.suspendPaint()
   
6.       const sheet = spread.getSheet(0)
   
7.       sheet.options.rowHeaderVisible = false
   
8.       //   sheet.setRowHeight(0, 48)
   
9.       //   sheet.setColumnWidth(11, '*')
   
10.       sheet.setColumnWidth(10, '*')
    
11.       //   sheet.frozenRowCount(0, true)
    
12.       sheet.frozenColumnCount(1, true)
    
13.       //   sheet.frozenTrailingRowCount(1, false)
    
14.       sheet.frozenTrailingColumnCount(1, true)
    
15.       //   sheet.options.gridline.showHorizontalGridline = false
    
16.       //   sheet.options.gridline.showVerticalGridline = false
    
17.       sheet.options.frozenlineColor = 'rgb(247, 167, 17)'
    
18. 
    
19.       spread.resumePaint()
    
20. }

复制代码

vue 框架下，主要代码

还有一个问题，就是冻结列的时候是否能添加列的样式成投影效果例如， 这个样子

可以通过下面的代码关闭间隙  
spread.options.scrollbarMaxAlign = true;
spread.options.scrollByPixel = true;

但是前提得是有足够的列可以填满整个视图区域，否则还是会有空隙。

目前只能通过sheet.options.frozenlineColor = 'red';设置冻结线颜色，暂不支持上述的投影效果。

Derrick.Jiao 发表于 2022-8-17 17:34
可以通过下面的代码关闭间隙  
spread.options.scrollbarMaxAlign = true;
spread.options.scrollByPix ...

还有一个问题请教一下，autoMerge 我版本是

1. "@grapecity/spread-excelio": "^15.1.2",
   
2.         "@grapecity/spread-sheets": "^15.1.2",
   
3.         "@grapecity/spread-sheets-barcode": "^15.1.2",
   
4.         "@grapecity/spread-sheets-charts": "^15.1.2",
   
5.         "@grapecity/spread-sheets-designer": "^15.1.2",
   
6.         "@grapecity/spread-sheets-designer-resources-cn": "^15.1.2",
   
7.         "@grapecity/spread-sheets-designer-vue": "^15.1.2",
   
8.         "@grapecity/spread-sheets-languagepackages": "^15.1.2",
   
9.         "@grapecity/spread-sheets-pdf": "^15.1.2",
   
10.         "@grapecity/spread-sheets-pivot-addon": "^15.1.2",
    
11.         "@grapecity/spread-sheets-print": "^15.1.2",
    
12.         "@grapecity/spread-sheets-resources-zh": "^15.1.2",
    
13.         "@grapecity/spread-sheets-shapes": "^15.1.2",
    
14.         "@grapecity/spread-sheets-tablesheet": "^15.1.2",
    
15.         "@grapecity/spread-sheets-vue": "^15.1.2",

复制代码

完全滚动不了，大概几千行

Mrluo 发表于 2022-8-18 08:56
还有一个问题请教一下，autoMerge 我版本是

完全滚动不了，大概几千行

请提供对应的demo，这边来调研具体原因，看下是否可以做进一步优化。

Derrick.Jiao 发表于 2022-8-18 17:07
请提供对应的demo，这边来调研具体原因，看下是否可以做进一步优化。

就上面提供的代码，你DataSource绑定一个1000的集合试试

Mrluo 发表于 2022-8-19 11:31
就上面提供的代码，你DataSource绑定一个1000的集合试试

这是我写的5000x10的demo,未能复现“完全滚动不了”这个问题。

如果楼主问题仍未解决，欢迎继续上传一个demo，这边来调研具体原因以及是否有解决方案。