ant antdesign antdesign vue 表格组件 实现隔行换色 效果

antdesign vue 表格实现隔行换色效果 (费乏不多佛)

① 先在用到表格组件的地方呢这样写 (加上 :customRow=“customRow”)
<a-table
:customRow="customRow"
>
</a-table>
② 然后在下面对应的 method 下 添加上对应的代码 如下 (recored,index 参数是组件自带的 必须要用 index来判断哪一行 然后 用三元运算符 给对应【奇数行,偶数行】添加不同的 背景颜色)
customRow ( record, index ) {
	return {
		style: {
			'background-color': index % 2 == 0 ? '#ffffff' : '#fafafa'
		}
	}
}

总结:两步 第一,先在使用表格组件的地方 添加上对应的 customRow 属性 ,第二,然后再从下面的方法中添加对应函数 让其返回 return 一个样式属性 ,齐活!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

想学吉他!

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值