element之table自定义表头

1.实现效果

 

 2.使用render-header可以自定义表头

<el-table-column prop="date" label="日期" sortable width="180" :render-header="renderHeaderDate">

  renderHeaderDate(){
        return (<div style="position:relative;top:16px;left:2px;">
          <i class="el-icon-time"></i>
          <span>日期</span>
          </div>)
      },