当前位置: 主页 > 日志 > 个人日记 > 文章

vue Antd 组件使用 a-table表格 内置表格展开问题

发布时间: 2023-09-27 13:55:46 作者: 王乐园 浏览次数: 1106

vue Antd 组件使用 a-table表格 内置表格展开时 右侧固定操作栏无法一起被展开显示问题

<a-table> 上 添加 @expand="expandedOneRows" :row-key="record => record.id"


    // 展开
    const expandedOneRows = (expanded, record)=>{
      nextTick(() => {
        setTimeout(() => {
          const elementa = document.querySelectorAll(`[data-row-key='${record.id}-extra-row']`) //左边
          const heightb = elementa[0].getBoundingClientRect().height;
          elementa[1].firstChild.nextSibling.style.height = heightb+'px';
        }, 0)
      })
    }

本站文章均为原创,欢迎转载,转载请以链接形式注明出处

本文地址: