无论你使用\n还是<br/>都无法实现换行,今天给大家介绍两种换行的方式;
方法1:
如果el-table-column不是渲染的,而是写死的,例如
这时可以把label内容当成变量在label前加:进行使用,内容在需要换行的地方加\n
方法2:
如果 el-table-column是渲染的,例如
渲染的直接在需要换行的地方加\n或者<br/>均可;
总结:
无论你是使用以上哪总方式渲染,都需要修改el-table的css;
无论你是使用以上哪总方式渲染,都需要修改el-table的css;
无论你是使用以上哪总方式渲染,都需要修改el-table的css ;
(重要的事情说三遍;重要的事情说三遍;重要的事情说三遍)
css修改:
//如果是单独设置表头换行
.el-table th>.cell {
white-space: pre-wrap;
}
//或者全局换行
.el-table{
.cell {
white-space: pre-wrap;
}
}