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

固定列和嵌套子表格一起使用时,展开子集,错位问题

Open mkxj opened this issue 5 years ago • 8 comments
trafficstars

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

Version

1.7.2

Environment

win10 "vue": "^2.6.11"

Reproduction link

Edit on CodeSandbox

Steps to reproduce

首先固定左侧第一列,然后展开子表格,页面错位了

What is expected?

固定左侧列后,展开子表格,页面正常展示

What is actually happening?

固定左侧列后,展开子表格,页面错位,出现了两个子表格


我看antd在4.0.0-rc.0版本修复了该问题

mkxj avatar Nov 20 '20 01:11 mkxj

Is there any help to fix this issue?

davidyslu avatar Nov 23 '20 02:11 davidyslu

我的也是,固定列错位,因为固定列自己就是个表格,所以展开的时候,固定列没有跟随嵌套表格展开,希望能解决这个问题

chendeli123 avatar Jan 19 '21 01:01 chendeli123

同样的问题,希望能得到解决

twltony avatar Oct 28 '21 06:10 twltony

同样的问题

yaoyonstudio avatar Dec 30 '21 10:12 yaoyonstudio

@tangjinzhou #2470 这个问题2020年也有人提出来了,请问有计划解决这个问题吗

yjzfun avatar Sep 23 '22 03:09 yjzfun

也遇到了嵌套子表格,展开后,固定列错位问题 @tangjinzhou

huanganfree avatar Feb 14 '23 02:02 huanganfree

expandedOneRow(expanded, rec) { this.expandedRowKeys = expanded ? [rec.key] : [] this.$nextTick(() => { setTimeout(() => { const element = document.querySelectorAll([data-row-key='${rec.id}-extra-row']) // 25 是td 的 padding 值 加 border值 const height = element[0].getBoundingClientRect().height - 25 element[1].childNodes[0].innerHTML = <div style="height: ${height}px;"></div> }, 0) }) },

chenwei1109 avatar Jun 04 '24 06:06 chenwei1109

expandedOneRow(expanded, rec) { this.expandedRowKeys = expanded ? [rec.key] : [] this.$nextTick(() => { setTimeout(() => { const element = document.querySelectorAll([data-row-key='${rec.id}-extra-row']) // 25 是td 的 padding 值 加 border值 const height = element[0].getBoundingClientRect().height - 25 element[1].childNodes[0].innerHTML = <div style="height: ${height}px;"></div> }, 0) }) },

太牛了,亲测可用

juleide avatar Dec 24 '24 03:12 juleide