element ui 中table lable绑定问题

img


想实现的样子是这样的,在一个单元格内,添加两行.
用插槽的方法实现出来是这样的

img


  <el-table-column property="flow_status" label="端口信息">
            <template slot-scope="scope">
              <el-table border :data="scope.row.goodsList">
                <el-table-column prop="ip"></el-table-column>
              </el-table>
            </template>
          </el-table-column>
  tableData: [
        {
          name: "1号编码器",
          id: "862356569656154511",
          address: "电池容量过低",
          eqit_status: "在线",
          wendu: "41℃",
          flow_status: "正在推流",
          Recording_status: "正在录制",
          video_upload: "正在上传",
          dianchi: "67%",
          sd_rongliang: "45%",
          Equipment_par: "配置详情",
          Receiver: "u321021",
          operation: "...",
          lable: "网口1",
          goodsList: [
            {
              ip: "192.168.120.110",
            },
          ],
        },

ip可以绑定 但lable怎么从tableData中绑定上去呢?

建议里面用 弹性布局-两个盒子 去分开，分别自定义背景颜色，不用el-table-colum，再用双括号取值

去弄合并单元格吧