el-table中的label换⾏问题(重点white-space)依赖CSS的⽅法
单页面优化
1.label中增加 \n什么电视好看
<el-table-column prop="name" :label="'姓名\nname'" min-width="100"></el-table-column>
2.设置white-space样式
.el-table .cell {
white-space: pre-line;
}
3.效果图
帮妹妹洗澡>临沂科技馆稍微复杂⼀点的⽅法
1.label中增加空格,绑定render-header⽅法
<el-table-column :render-header="renderHeader" prop="capacity" label="库容 (亿m³)" min-width="90" align="center" /> 2.renderHeader⽅法
renderHeader(h, {column}) {
let header = column.label.split(' ');
飞行员余旭
return [h('p', [
h('p', {}, header[0]),
h('span', {}, header[1])旧念
集发彩坛])];
}
爱国事件3.效果图:
第三种⽅法: