elementUI循环动态生成表格内容

、、、、、、、循环动态展示表格内容
<el-table
      border
      :header-cell-style="{ background: '#f2f6fc' }"
      :data="proGroup"
      :height="tableheight"
    >
      <el-table-column align="center" prop="roleName" label="项目群名称">
      </el-table-column>
      <template>
        <el-table-column
          v-for="(item, index) in roleList"
          :key="index"
          align="center"
          :label="item.proleName"
        >
          <template slot-scope="scope">
            <div
              style="display: block;height:25px;cursor: pointer"
              @click="editRole(scope.row, item)"
            >
              <div v-for="(items, indexs) in userList" :key="indexs">
                <div
                  v-if="
                    items.proleName == item.proleName &&
                      scope.row.roleId == items.roleGroupId
                  "
                >
                  {{ items.userName }}
                  <span
                    style="cursor: pointer;color: #0f8ae4;border-bottom: 1px solid #0f8ae4;margin-left: 5px"
                    @click.stop="synchronization(scope.row, item)"
                    v-if="items.proleName == '交付经理'"
                    >同步</span
                  >
                </div>
              </div>
            </div>
          </template>
        </el-table-column>
      </template>

      <el-table-column
        align="center"
        width="120px"
        label="操作"
        header-align="center"
      >
        <template slot-scope="scope">
          <div style="display: flex;justify-content: space-between">
            <span
              style="cursor: pointer;color: #0f8ae4"
              @click="jumpProject(scope.row)"
              >项目列表</span
            >
          </div>
        </template>
      </el-table-column>
    </el-table>