解决element里面el-table中表头和内容错位

哎,element真是一个让人又爱又恨的东西,你用着很爽想华丽丽原地转圈的时候,它就会出来绊你一脚…
怎么办,还能怎么办,填坑呗,没办法,就像寄人篱下,你只能忍气吞声…
不扯,进主题吧,
这个是一个el-table写的限制了宽度的可左右滚动的表格,这样看是挺正常的。
解决element里面el-table中表头和内容错位_第1张图片
但是往右滑的时候,笑容逐渐消失…
解决element里面el-table中表头和内容错位_第2张图片
???怎么回事,本来还为它是个直男而烦恼,但是想想直男总比渣男好,但是现在算什么,说歪(wan)就歪(wan)了?
哎 真是让人秃头…
好吧…开始求助某度…
解决element里面el-table中表头和内容错位_第3张图片
ok ,我也不知道为啥要写个这个,但是照着写肯定没错
然而…并没有效果…
又度了一会…
解决element里面el-table中表头和内容错位_第4张图片
行吧,那就这样干吧…
哈哈哈哈哈哈 不好意思 还是不行…
可能看不起我吧…
哎 还是去element的官方文档碰碰运气吧
在这里插入图片描述
发现el-table有这样一个方法…
虽然没感觉有什么用,但死马当活马医,试试先吧…
在请求数据回来之后走一个这个

getList().then(res=>{
	this.list=res.data.rows;
	this.$nextTick(()=>{
		this.$refs.table.doLayout();
		//给table加一个ref
	})
})

解决element里面el-table中表头和内容错位_第5张图片
此处应有掌声!!!

哎 前端太难了 一点点小问题就能把我搞死 好饿 下班吃饭

你可能感兴趣的:(JS,element,Vue,js,element,el-table)