Element table render-header demo

gistfile1.vue

<template>
<el-table>
  <el-table-column
    v-for='(column, index) in columns'
    :key='index'
    :label="column"
    :render-header="renderHeader">

  </el-table-column>
</el-table>
</template>
<script>
export default {
  name: 'HelloWorld',
  data() {
    return {
      columns: [
        {
          label: '信息',
          tip: '信息提示文本'
        },
        {
          label: '说明',
          tip: '说明提示文本'
        }
      ]
    }
  },
  methods: {
    renderHeader(createElement, { column }) {
      return createElement('div', [
        column.label.label,
        createElement(
          'el-popover',
          {
            props: {
              content: column.label.tip,
              title: 'My title',
              placement: 'top-start',
              trigger: 'hover'
            }
          },
          [
            createElement('i', {
              attrs: {
                class: 'el-icon-info'
              },
              slot: 'reference'
            })
          ]
        )
      ])
    }
  }
}
</script>