element-ui 表格标题换行

 render-header： 列标题 Label 区域渲染使用的 Function

<template>
    <el-table
      :data="dataList">
        <el-table-column
         prop="openRule"
         :label="加密规则|(默认为60%字段加*)"
         :render-header="renderheader">
        </el-table-column>
    </el-table>
</template>

<script>
export default {
  data() {
   return {}
  },
  created() {
  },
  methods: {
    // 表头换行
    renderheader(h, { column, $index }) {
      return h('span', {}, [
        h('span', {}, column.label.split('|')[0]),
        h('br'),
        h('span', {}, column.label.split('|')[1])
      ]);
    }
    }
}
</script>

效果如下：