解决Ant Design Vue table组件固定某列(fixed)和展开某行(expandedRowRender)不能同时使用 出现错位的问题

解决Ant Design Vue table组件固定某列(fixed)和展开某行(expandedRowRender)不能同时使用 出现错位的问题

方法:

//  解决Ant Design Vue table组件固定某列(fixed)和展开某行(expandedRowRender)不能同时使用 出现错位的问题
    render() {
    
    
      this.$nextTick(() => {
    
    
        setTimeout(() => {
    
    
            let element = document.querySelectorAll(".ant-table-expanded-row");
            let len = element.length / 2;
            for (let i = 0; i < len; i++) {
    
    
              element[i + len].style.height = element[i].offsetHeight + "px";
            }
        }, 100)
      })
    },

多位置调用重新计算
1、展开、选中、初始化等都调用下,重新计算高度。亲测有效

猜你喜欢

转载自blog.csdn.net/weixin_44461275/article/details/129121220
今日推荐