vue ant-design表格Table中修改表头单元格样式

我没想到我在这个弱智的问题上花费了一两个小时:
我希望修改单独某个表头的样式

其实很简单,在官网的第一个例子就给出了答案:
目标样式
我们关注第一列的表头单元格样式,然后去看代码,先来看column的写法:
column
这里的slots就是表头单元格对应的插槽,title用于表示对应的插槽。同样的,scopedSlots是对应列表单元格的,customerRender就是我们要对应的插槽。所以我们可以看到,在<template>中:
template
slot="name"是列表单元格模板,slot="customerTitle"是表头单元格模板。我们可以随意修改想要的样式:

<span slot="customTitle" style="color: red;">NAME</span>

等等。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值