The css setting text exceeds the display ellipsis, the el-table scroll bar is misplaced, v-for and $ref problems

white-space:nowrap; //No new line
overflow:hidden;//The content exceeds the hidden
text-overflow:ellipsis; //Display the ellipsis
The premise is to set the width of the text box

/* Modify the problem of misalignment of the element header*/
.el-table–border th.gutter:last-of-type { display: block !important; width: 17px !important; }

Problems with using v-for + $ref
If used in combination, ref will become an array, so item 0 must be taken

this.$refs['xxxx'][0].showNodes()