ant-design-vue icon indicating copy to clipboard operation
ant-design-vue copied to clipboard

When two tables appear, the fixed row and fixed column display misalignment

Open wuwenliangx opened this issue 3 years ago • 4 comments
trafficstars

  • [ ] I have searched the issues of this repository and believe that this is not a duplicate.

Version

1.7.7

Environment

window10、chrome96.0.4664.45、vue2.6.14、antdv1.7.8

Reproduction link

Edit on CodeSandbox

Steps to reproduce

  1. size选择:middle、small
  2. 观察下面的表格

What is expected?

当出现两个表格时,正常展示固定行固定列

What is actually happening?

当出现两个表格时,固定行出现了一个边框线的错位,有时初始加载size=default时也会发生这个问题,可能固定行高度计算有问题

wuwenliangx avatar Dec 06 '21 15:12 wuwenliangx

看不出来,截个图?

tangjinzhou avatar Dec 07 '21 14:12 tangjinzhou

image

wuwenliangx avatar Dec 07 '21 14:12 wuwenliangx

@tangjinzhou image image 我在本地控制台观察middle和small高度都差了0.5,比如small应该是59却算成了58.5,middle应该是67却算成了66.5

wuwenliangx avatar Dec 07 '21 14:12 wuwenliangx

有一个头像列,它的高度是34(头像本身的宽高,固定的)+内边距(上下10px)+ 单元格下边框1px = 55px 右侧固定列是一个按钮 ,高度是32px(按钮高度) + 内边距(上下10px)+ 单元格下边框1px = 53px 每次刷新页面都错位,如果切换了页数或者切换了别的页面在切换回来恢复正常,即使我这边做了延迟渲染,但是过了一段时间仍然有这个错位 所以应该是固定列与非固定列高度计算不一致,并且在渲染的时候,高度计算就已经不一致了 希望这个错位再完善完善,这个错误已经出现好几次了 image

Emotional12138 avatar Sep 21 '22 03:09 Emotional12138