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.效果圖：



第三種方法：