【ant-design-vue】 table表格显示多行数据
例如下面的代码中表示在个人信息栏显示两行数据名字:号码:<a-table :columns="columns"><span class="level-assess" slot="mySlots" slot-scope="text,record">名字:{{record.name}}<br>号码:{{record.number}}</span><
·
例如下面的代码中表示在个人信息栏显示两行数据
名字:
号码:
<a-table :columns="columns">
<span class="level-assess" slot="mySlots" slot-scope="text,record">
名字:{{record.name}}
<br>
号码:{{record.number}}
</span>
</a-table>
<script>
export default {
data(){
return{
columns: [
{
title:'个人信息',
align:"center",
dataIndex: 'xxx',
width:100,
scopedSlots: { customRender: 'mySlots' },
},
]
}
}
}
</script>
更多推荐
已为社区贡献5条内容
所有评论(0)