antd vue更改表格样式

定义表格时加上scopedSlots: { customRender: 'status' }

const columns = [
  {
    title: '状态',
    key: 'status',
    scopedSlots: { customRender: 'status' }
  },
  {
    title: '版本',
    key: 'version'
  }
]

在a-table标签内编写你想要的样式，在标签内加上slot=customRender名即可

<div slot="status" slot-scope="text">
    <div style="color: red">{{text.status}}</div>
</div>

 

拓展：根据不同的字段制作不同的样式（v-if）

<div slot="status" slot-scope="text">
    <div style="color: red" v-if="text.status === '红色'">{{text.status}}</div>
    <div style="color: green" v-if="text.status === '绿色'">{{text.status}}</div>
    <div style="color: #000" v-if="text.status === '黑色'">{{text.status}}</div>
</div>