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.
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]