SpreadJS 自适应横向滚动条存在问题

Ellia.Duan

本帖最后由 Richard.Ma 于 2023-12-18 10:18 编辑

目标：数据源宽度大于可视区域宽度时出现横向滚动条，小于时隐藏滚动条

目前：
let colCount = sheet.getColumnCount() // 总列数

let rcol = sheet.getViewportRightColumn(1) // 视图列数
if (colCount === rcol+1) {
spread.options.showHorizontalScrollbar = false
} else if (colCount > rcol+1) {
spread.options.showHorizontalScrollbar = true
}

出现的问题：可视区域宽度刚好卡在最后一列单元格时，滚动条隐藏了，此时应该出现滚动条才对

Ellia.Duan · Ellia.Duan

本帖最后由 Ellia.Duan 于 2023-12-13 18:27 编辑

您好，可以参考附件中的demo

主要代码如下：

if (sheet.getViewportBottomRow(1) == rowCount - 1) {
const spreadDomHeight = document.getElementById('ss').offsetHeight
const headerHeight = sheet.getRowHeight(0, GC.Spread.Sheets.SheetArea.colHeader)
const {y, height} = sheet.getCellRect(rowCount - 1, 1, 1, 1)
if ((y + height < spreadDomHeight - headerHeight)){
spread.options.showVerticalScrollbar = false;
}
}
if (sheet.getViewportRightColumn(1) == colCount - 1) {
const spreadDomWidth = document.getElementById('ss').offsetWidth
const headerWidth= sheet.getColumnWidth(0, GC.Spread.Sheets.SheetArea.rowHeader)
const {x, width} = sheet.getCellRect(1, colCount-1, 1, 1)
if ((x + width < spreadDomWidth - headerWidth)){
spread.options.showHorizontalScrollbar = false;
}
}

复制代码

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

[已处理] SpreadJS 自适应横向滚动条存在问题

最佳答案

1 个回复

SpreadJS 认证

SpreadJS 高级认证