Small note about elementui form dislocation problem

Disclaimer: This article is a blogger original article, follow the CC 4.0 BY-SA copyright agreement, reproduced, please attach the original source link and this statement.
This link: https://blog.csdn.net/wow_scott/article/details/101107403

Online said the maximum method

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

Note: This method requires a written document at the entrance set globally. For example, App.vue

The second method

Reference --iYiu bloggers: https://blog.csdn.net/Jensen_Yao/article/details/88538971

 .el-table__body{ 
 	overflow: hidden !important;
 }

or

table {
	overflow: hidden !important;
}

The third method

Above two did not solve my problem, this can be a temporary solution, not sure there are no other problems

.el-table--border th.gutter:last-of-type{
  	display: table-cell !important; 
  	width:50px !important; 
 }

Size width value had not been tested in detail, but if too small, no effect, provided there is too large to clear the other effects.
This method is only a temporary solution to my problem, followed by the next time will carefully study

If you have questions message exchange, the third method has problems Remind manually correct [funny]

Guess you like

Origin blog.csdn.net/wow_scott/article/details/101107403