Element-UI el-table 错位

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)
    )