鍍金池/ 問答/HTML/ lement ui Tab 與 Table組合開發(fā)切換表格的頁面問題

lement ui Tab 與 Table組合開發(fā)切換表格的頁面問題

element ui Tab 與 Table組合開發(fā)切換表格的頁面,當點擊搜索后,所有表格數(shù)據(jù)都被改變,當前表格寬度沒有問題,但是切換到其他表格的時候,其他表格圖片描述寬度不能百分百撐滿。請問該如何解決?

回答
編輯回答
墨小白

每次點擊選項卡的時候調(diào)用tablesSet()函數(shù)就可以了,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'
    }

}

2018年4月23日 17:38