展開行:文章來源地址http://www.zghlxwxcb.cn/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>工作經(jīng)歷</h3>
<el-table :data="props.row.career" :border="gainChildBorder">
<el-table-column label="時(shí)間" prop="time" />
<el-table-column label="地點(diǎn)" prop="place" />
</el-table>
<h3>榮譽(yù)墻</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,
}
文章來源:http://www.zghlxwxcb.cn/news/detail-856121.html
到了這里,關(guān)于Table表格(關(guān)于個(gè)人介紹與圖片)的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!