如何解决添加图标作为 vuetify 表数据
这是我的 vuetify 表
这是代码的模板 ----模板-----------
<v-card>
<v-data-table
:headers="headers"
:items="desserts"
:items-per-page="5"
class="elevation-1"
>
</v-data-table>
</v-card>
这是表的实现 ------ 脚本-------
headers: [
{
text: 'Campaign Id',align: 'start',sortable: false,value: 'id',},{ text: 'Created by',value: 'created' },{ text: 'Controls',value: 'control' },],desserts: [
{
id: '1',created:'ABBC',control:''
},{
id: '2',control: '',]
我想添加图标来控制表格数据。我是怎么做的?
解决方法
这样你就可以添加:
const headers = [
{
text: "Top-trader name",align: "start",sortable: false,value: "name"
},{ text: "Rank of Top-Trader",value: "ranking" },{ text: "Followers",value: "followers" },{ text: "Monthly profitability",value: "profit" },{ text: "Number of positions",value: "positions" },{ text: "Risk score",value: "risk" },{ text: "The graph of profitability",value: "graph",sortable: false },{
text: "Update",time: 29,align: "center",value: "actions",sortable: false
}
];
const bestTopTraders = [
{
name: "Mostafa",avatar: "/khosravi-sirvan-image.png",type: "Binance",return: 360
},{
name: "Ali",avatar: "/Sirvan-Khosravi_1500904871.png",type: "Something else",return: 36
},{
name: "Hossein",return: 60
}
];
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。