elment 循环table添加动态表头动态column属性

// 含有ivew组件，可直接替换成element组件
<template>
    <div class="page-wrapper">
        <div class="page-wrapper-content">
            <div class="list-header">
                <h4 class="h4-title-underline"><Button icon="ios-arrow-back" @click="returnBack">返回</Button>&nbsp;&nbsp;危险化学品入库登记表</h4>
                <div class="rightPart">
                    <Select v-model="params.type" style="width: 200px;margin-right: 12px;" placeholder="下载表格">
                        <i-option :value="1" label="下载模板"></i-option>
                        <i-option :value="2" label="导入数据"></i-option>
                        <i-option :value="2" label="导出数据"></i-option>
                    </Select>
                    <Button type="info" @click="add">新增填报</Button>
                </div>
            </div>
            <div class="plan">
                <div class="inlineBlock w200">
                    <span>计划名称 ：</span>
                    <span>{
  {queryData['name']}}</span>
                </div>
                <div class="inlineBlock w200">
                    <span>起止时间 ：</span>
                    <span>{
  {queryData['name']}}</span>
                </div>
                <div class="inlineBlock w200">
                    <span>状态 ：</span>
                    <span>{
  {queryData['name']}}</span>
                </div>
            </div>
            <div class="list-filter mt20 mb20">
                <i-input placeholder="关键字查询" v-model="params.name" class="w200 mr20"></i-input>
                <Button type="info" @click="handleSearch">查询</Button>
            </div>
            <el-table
                ref="filterTable"
                :data="tableData"
                border
                @sort-change="changeTableSort"