重要的事情说三遍:
首先修改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;
}
}
scoped中:
.htTable是要修改的表自定义class
.htTable:deep(.el-table th>.cell) {
white-space: pre-wrap;
}
label写法
如果label中是固定值,例如
<el-table-column prop="level44" label="75%<履行≤100%" align="center" width="160" >
可以使用动态赋值的写法+换行符 /n
修改如下:
<el-table-column prop="level44" :label="'75%<履行≤100% /n 换行'" align="center" width="160" >
如果label中是动态赋值,label的值是在data中声明的,可以直接添加换行符,如下:
list:[
{label:'履行 /n 换行',width:40}
]