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