vue element-ui 多个步骤条同时使用的数据绑定问题

问题遇到的现象和发生背景

前端采用vue+element ui开发。想在表格中嵌套折叠面板Collapse，在面板中嵌入步骤条，从而实现表格中每条数据都有单独的进度条，如下图所示：

现在后台返回数据都是以json串返回，想将项目阶段的值传给步骤条的active属性：

这种情况下，想请问步骤条的active属性应该怎么指定数据？

<el-table v-loading="loading" border="true" :data="DZZLCLXMGLList">
      <el-table-column type="expand" fixed>
        <el-steps finish-status="success" align-center :active="data">
          <el-step title="数据检查及观测系统定义"></el-step>
          <el-step title="近地表校正"></el-step>
          <el-step title="噪音压制"></el-step>
          <el-step title="振幅补偿"></el-step>
          <el-step title="反褶积"></el-step>
          <el-step title="拼接处理"></el-step>
          <el-step title="全区剩余静校正"></el-step>
          <el-step title="道集处理"></el-step>
          <el-step title="时间偏移速度建模"></el-step>
          <el-step title="时间偏移"></el-step>
          <el-step title="深度偏移速度建模"></el-step>
          <el-step title="时间偏移"></el-step>
          <el-step title="叠后处理"></el-step>
          <el-step title="完成处理"></el-step>
        </el-steps>
      </el-table-column>
    </el-table>

问题相关代码，请勿粘贴截图

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

你这个代码都不是完整的吧 DZZLCLXMGLList的数据是上面截图里面的数据？可以使用插槽。

<el-table-column type="expand">
      <template slot-scope="row">
           <el-steps finish-status="success" align-center :active="row.xxx">
          <el-step title="数据检查及观测系统定义"></el-step>
          <el-step title="近地表校正"></el-step>
          <el-step title="噪音压制"></el-step>
          <el-step title="振幅补偿"></el-step>
          <el-step title="反褶积"></el-step>
          <el-step title="拼接处理"></el-step>
          <el-step title="全区剩余静校正"></el-step>
          <el-step title="道集处理"></el-step>
          <el-step title="时间偏移速度建模"></el-step>
          <el-step title="时间偏移"></el-step>
          <el-step title="深度偏移速度建模"></el-step>
          <el-step title="时间偏移"></el-step>
          <el-step title="叠后处理"></el-step>
          <el-step title="完成处理"></el-step>
        </el-steps>
      </template>
    </el-table-column>