Think whether the text style not accustomed to using, synchronous update into their own language, to the https://www.yuque.com/diracke…
Use CSS property text-overflow to set the overflow style to… .
.header-ellipsis {
white-space: nowrap;
text-overflow: ellipsis;
}
Set white – space: nowrap; Make the text can not wrap, a single line is too long overflow. Text newline, no overflow effect
Set the text-overflow style. The optional values and corresponding effects are as follows.
1. If you want to apply the header overflow style to every header in a table, you can apply this style to the header cell style to achieve the effect. (For El-table, select the El-table style with the Depth Selector ::v-deep. El-table th. cell and white-space: nowrap; And the text – overflow: ellipsis;)
2. If you want to do this for a cell in a table, you can use Vue’s slot and change the style in the slot.
column>
{{column.label}}
)