Antd of vue的table增加最后一行的统计行,统计行控制宽高

网上搜了很多答案,达不到自己的要求:
1、最后一行是特殊的统计行
2、最后一行距离上面都远一点

差异:
(1)element-ui有一个属性可以实现
(2)有人说塞一个table在里面飞机票飞第二个页面

我的解决(插槽的方式)

(1)Columns里面都加上scopedSlots: { customRender: ‘operate’ },名字别重复喔
(2)最骚的操作来了,我用v-if来操控数据显示,给最后一行的数据打了一个特殊的标记符theEnd,**反正能拿到record,**这样后面的都能拿到

<a slot="operate" slot-scope="text, record" v-if="!record.theEnd" @click="AddChildrenRemove(record)">移除</a>

(3)antd of vue统计行、行距设置(要用div标签),不过每行都要设置

<div v-if="record.theEnd" slot="operate" style="margin-top: 30px" slot-scope="text, record">

最后:统计行感觉是antd of vue 的一个缺点,也无所谓了,比较ui框架面向的是普通设计,我们来实现就好了,有问题欢迎留言,每天都会看一下,有用点赞有用哦

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值