Ant design Vue 如何在a-table表格标题/内容上添加一个按钮

项目需求,官网这方面也不讲清楚
需求如下
需求
方法:

fields:[ 
        {
          // title: 啦啦自定义,
          dataIndex: 'name',
          scopedSlots: { title: 'Title' },
          width: '15%'
        },
        {
          title: '名称',
          dataIndex: 'age',
          scopedSlots: { customRender: 'Content' },
          width: '12%'
        }
        ]

在表格配置数组中添加scopedSlots: { title: ‘Title’ }
然后在表格中添加

<a-table
      rowKey="id"
      :columns="fields"
      :dataSource="loadData"
      :pagination="null"
      :loading="tableLoading"
      @change="handleTableChange"
    >

    <template slot="Title" slot-scope="text,record">
        在这里自定义表格标题
      </template>
      <template slot="Content" slot-scope="text,record">
        在这里自定义表格内容    
         </template>
       </a-table>
    ```
//其中 text就是dataindex,就是对应的数据,record是整行数据
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值