el-table-column label标题换行

项目需求：标题换行

方法1

<el-table-column
  prop="otherCost"
  :label="'其他项目成本\n(元)'"> // 添加\n
 
</el-table-column>

.el-table .cell {
 
  white-space: pre-line;
}

方法2

<el-table-column
  prop="totalCost" :render-header="renderHeader"
  label="合计 (元)" // 合计后面空格
  width="180">
</el-table-column>

renderHeader(h, {column}) {
  let header = column.label.split(' ');
  return [h('p', [
    h('p', {}, header[0]),
    h('span', {}, header[1])
  ])];
} // 文本分别添加到p,span标签中