antd vue更改表格样式

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

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

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

{ {text.status}}

 

拓展:根据不同的字段制作不同的样式(v-if)

{ {text.status}}
{ {text.status}}
{ {text.status}}

 

你可能感兴趣的:(vue,antd,vue.js,html)