vue中使用element-ui时表头需要换行的问题

2,344 阅读1分钟
在某些时候我们的表头需要换行

类似于这样的我们需要以下的操作:
1.<el-table-column prop="name" :label="'A表 \n(制浆3柜,风机1柜)'" width="180px"></el-table-column>
注:label的双引号中需要加上单引号,这样才能解析,在需要换行的地方写上\n
2.css样式添加:
 .el-table .cell {
 white-space:pre-line;

}

 此时不是我们想要的结果,那我们根据项目需求去修改宽度即可width="px"