Element-UI el-table 错位

最新推荐文章于 2024-08-19 15:59:45 发布

lu1994520

最新推荐文章于 2024-08-19 15:59:45 发布

阅读量1.8k

点赞数 2

分类专栏： web前端文章标签： javascript css

本文链接：https://blog.csdn.net/lu1994520/article/details/109491003

版权

web前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

el-table错位问题

1.表头与数据错位

解决方案: 添加全局样式
一、css解决,全局样式

.el-table th.gutter{
  display: table-cell !important;
}
.el-table colgroup.gutter{
  display: table-cell !important;
}

二、css解决,全局样式

 let _self = this
  this.$nextTick(() => {
	window.setTimeout(() => {
	  // _self.$refs.你的el-table的ref.doLayout()
	  _self.$refs.tableref.doLayout()
	}, 100)
  )

2.固定列错位
解决方案: 在数据加载完成之后重新布局table

  let _self = this
  this.$nextTick(() => {
	window.setTimeout(() => {
	  // _self.$refs.你的el-table的ref.doLayout()
	  _self.$refs.tableref.doLayout()
	}, 100)
  )