vue element-ui表格table 表格动态 添加行、删除行、添加列、删除列 自定义表头

   vue table表格动态 添加行、删除行、添加列、删除列 自定义表头； 

增加一行、删除一行、添加一列、删除一列；每行带输入框input

代码

1、HTML部分：

<template>
  <div class="app-container">
    <el-table :data="tableData" border style="width: 600px; margin-top: 20px">
      <el-table-column v-for="item in columnData" :label="item.label" :prop="item.prop" :width="item.width">
        <template slot-scope="scope">
          <span v-if="scope.row[item.prop] !== null">
            <el-input v-model="scope.row[item.prop]"></el-input>
          </span>
          <span style="color: red; cursor: p