wijimo5 冻结列，影响了纵滚

登录

我给某一列的cell设置了z-index属性。而这一列恰好还是冻结列的话。纵向滚动就会出问题。tableHeader就会被覆盖

theGrid.formatItem.addHandler(function (s, e) {
      if (e.panel == s.cells) {
         if(e.col === 0){
            e.cell.style.zIndex = 50;
         }
      }else{
         if(e.col === 0){
            e.cell.style.zIndex = 100;
         }
      }
})

这里是直接给前两列包括header设置了zindex（如果分开设置的话，给header设置的zindex比数据列的zindex大也是一样）。

Richard.Ma · Richard.Ma

你是说会将行头遮住吗，像下图这样吗

我这里测试按照我发给你的代码并不会，前提是，你不能设置一个200这么大的zindex，可以看我第二次发给你的代码，zindex只设置为了3，2，1 ，第三列的zindex只是1

Richard.Ma · Richard.Ma

你这边设置zindex的原因是什么，是需要解决什么问题？

如果解决现在的问题的话，可以给冻结行也设置上更大的zindex

theGrid.formatItem.addHandler(function (s, e) {
if (e.panel == s.cells) {
if(e.row<=theGrid.frozenRows){
e.cell.style.zIndex=300;
}else if(e.col === 0){
e.cell.style.zIndex = 200;
}
}else{
}
})

复制代码

月亮和乌龟 · 月亮和乌龟

我第三列里面的内容过长需要跨cell显示，所以设置了那个cell的zindex。
但是设置了第三列的zindex之后。前两列冻结列在横滚的时候，就会被第三列盖住，我就也把前两列的zindex设置上了。紧接着就出现了，上述的问题

月亮和乌龟 · 月亮和乌龟

Richard.Ma 发表于 2021-8-3 17:04
你这边设置zindex的原因是什么，是需要解决什么问题？

如果解决现在的问题的话，可以给冻结行也设置上更 ...

请看最新回复

Richard.Ma · Richard.Ma

明白了，那你现在需要的优先级应该是冻结行列交叉的右上角>冻结行=冻结列>第三列>普通单元格

theGrid.formatItem.addHandler(function (s, e) {
if (e.panel == s.cells) {
if(e.row<theGrid.frozenRows&&e.col<theGrid.frozenColumns){
e.cell.style.zIndex=3;
}
else if(e.row<theGrid.frozenRows||e.col<theGrid.frozenColumns){
e.cell.style.zIndex=2;
}
else if(e.col === 2){
e.cell.style.zIndex = 1;
}
}else{
}
})

复制代码

月亮和乌龟 · 月亮和乌龟

Richard.Ma 发表于 2021-8-3 17:34
明白了，那你现在需要的优先级应该是冻结行列交叉的右上角>冻结行=冻结列>第三列>普通单元格

可是现在我没有冻结行，只有冻结列。你说的方式如果有冻结行的话确实可行。但是没有冻结行的话，明细头就会被盖住，这个时候给明细头设置zindex的话也是不好使的

月亮和乌龟 · 月亮和乌龟

Richard.Ma 发表于 2021-8-3 17:58
你是说会将行头遮住吗，像下图这样吗

问题解决了，谢谢。确实是因为zindex设置的过大造成的

Richard.Ma · Richard.Ma

不客气

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

[已处理] wijimo5 冻结列，影响了纵滚

最佳答案

8 个回复

本帖子中包含更多资源

评分

本帖子中包含更多资源

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人