antd组件自定义table单元格内容样式

效果

判断数据的值修改显示字体的颜色

在使用 columns 时，可以通过scopedSlots属性配置支持 slot-scope 的属性。

<a-table :columns="columns" :data-source="data" :scroll="{ x: 1500,y:400}" rowKey="序号"><div slot="日常剔除比例" slot-scope="text" style="color: red;" v-if=" text > 13">{{ text }}%</div><div slot="日常剔除比例" slot-scope="text" v-else>{{ text }}%</div></a-table>

{title: '日常剔除比例',dataIndex: '日常剔除比例',key: '日常剔除比例',width: 120,scopedSlots: { customRender: '日常剔除比例' },}