Element UI table scrollbar 初始化定位固定列不显示

export function formatTableScrollBar(){

    //table的宽度

    var width_tables__sty=document.getElementsByClassName("tables__sty")[0].offsetWidth;

    //左侧列表的宽度

    var w=document.getElementsByClassName("el-table__fixed")[0].offsetWidth;

    //右侧列表的宽度

    var w_right=0;

    if(document.getElementsByClassName("el-table__fixed-right").length>0)

    {

        w_right=document.getElementsByClassName("el-table__fixed-right")[0].offsetWidth;

    }

    var extraWidth=30;

    //中间列表

    var div = document.getElementsByClassName('el-table__body')[0];

    div.style.marginLeft=-w+"px";

    div.style.width=(width_tables__sty-w-w_right-extraWidth);

    var div2 = document.getElementsByClassName('el-table__body-wrapper')[0];

    div2.style.marginLeft=w+"px";

    div2.style.width=(width_tables__sty-w-w_right-extraWidth)+"px";

  

    //header标题部分

    var div3 = document.getElementsByClassName('el-table__header-wrapper')[0];

    div3.style.width=(width_tables__sty-w_right-extraWidth)+"px";  

}

 

import {formatTableScrollBar} from '@/utils/format'

 

mounted () {
this.$nextTick(() => {
　　formatTableScrollBar();
});
}