<template>
<div>
<h3>正常操作</h3>
<el-table :data="toolList" style="width: 100%">
<el-table-column type="expand">
<template slot-scope="props">
<!-- <el-form-item label="商品描述">
<span>{{ props.row.desc }}</span>
</el-form-item> -->
<el-table :data="props.row.list">
<el-table-column label="唯一编码" prop="code"></el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<!-- <el-button>{{scope.row.code}}</el-button>
<el-button>{{scope.row.name}}</el-button> -->
<el-button type="primary">正常</el-button>
</template>
</el-table-column>
</el-table>
</template>
</el-table-column>
<el-table-column label="名称" prop="name"> </el-table-column>
<el-table-column label="数量" prop="number"> </el-table-column>
<el-table-column label="描述" prop="desc"> </el-table-column>
</el-table>
</div>
</template>
<script>
export default {
data() {
return {
toolList: [
{
name: "我是1",
number: "3",
list: [{ code: "31231" }, { code: "25254" }, { code: "525234" }],
},
{
name: "我是2",
number: "2",
list: [{ code: "69689" }, { code: "5757" }],
},
],
};
},
methods: {},
};
</script>
<style>
.demo-table-expand {
font-size: 0;
}
.demo-table-expand label {
width: 90px;
color: #99a9bf;
}
.demo-table-expand .el-form-item {
margin-right: 0;
margin-bottom: 0;
width: 50%;
}
</style>
效果展示