【Vue】lement ui Tab 与 Table组合开发切换表格的页面问题

• Z时代
• 2024-01-10
• 分类：技术分享

element ui Tab 与 Table组合开发切换表格的页面，当点击搜索后，所有表格数据都被改变，当前表格宽度没有问题，但是切换到其他表格的时候，其他表格宽度不能百分百撑满。请问该如何解决？

回答

每次点击选项卡的时候调用tablesSet()函数就可以了，elementUI表格默认fixed布局，列宽由表格宽度和列宽度设定
tablesSet(){

    var tables=document.querySelectorAll('table');
    for(var i=0;i<tables.length;i++){
      tables[i].style.width='100%'
    };
    var elHeaders=document.querySelectorAll('.el-table__header');
    for(var j=0;j<elHeaders.length;j++){
      elHeaders[j].style.tableLayout='inherit'
    }

}

以上是 【Vue】lement ui Tab 与 Table组合开发切换表格的页面问题 的全部内容， 来源链接： utcz.com/a/81730.html