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();
});
}

 

相关