展开行:
文章来源地址https://www.toymoban.com/news/detail-856121.html
<el-table :data="gainData" :border="gainParentBorder" style="width: 100%">
<el-table-column type="expand">
<template #default="props">
<div m="4">
<h3>工作经历</h3>
<el-table :data="props.row.career" :border="gainChildBorder">
<el-table-column label="时间" prop="time" />
<el-table-column label="地点" prop="place" />
</el-table>
<h3>荣誉墙</h3>
<img src="../../assets/qq-img-logo.png">
<img src="../../assets/qq-img-logo.png">
<img src="../../assets/qq-img-logo.png">
<img src="../../assets/qq-img-logo.png">
<img src="../../assets/qq-img-logo.png">
<img src="../../assets/qq-img-logo.png">
<img src="../../assets/qq-img-logo.png">
</div>
</template>
</el-table-column>
<el-table-column label="姓名" prop="name" />
<el-table-column label="职位" prop="job" />
</el-table>
data() {
return {
gainData:[
{
job: '歌神',
name: '卡布大帝',
url: '图片1',
career: [
{
time:'2016-05-03',
place: '天庭',
},
{
time:'2016-05-03',
place: '天庭',
},
],
},
],
gainParentBorder:false,
gainChildBorder:false,
}
文章来源:https://www.toymoban.com/news/detail-856121.html
到了这里,关于Table表格(关于个人介绍与图片)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!