有时候,标题文字过长,或者中英文要加以区分
我们需要 element 的表格标题实现换行效果如下:
实现步骤:
第一步:
样式必须加上以下代码,否则第二步代码不能实现分行。
/*实现表格头数据换行*/
.el-table .cell {
/*text-align: center;*/
white-space: pre-line; /*保留换行符*/
}
第二步:
在 el-table-column 里 label 前加上 : 冒号,双引号 " " 里再加上单引号 ’ ’
在需要换行的文字中间加上 \n 换行符
<el-table-column prop="test"
:label="'中文 \n English'"
>
</el-table-column>