Column配置
比如:操作列

{
key: 'action',
scopedSlots: { customRender: 'action', title: '变量名' },
align: 'center'
}

代码段

<template slot="变量名">{{动态表头名称}}</template>

demo: 注意不要在括号 dataIndex同级节点加title属性名,否则的话scopedSlots设置的title会失效

//Column
  {
    dataIndex: 'belong',
    key: 'belong',
    width:'8.33333333%',
    scopedSlots: {customRender: 'belong',title:'belongTitle'}
  }
//template
<template slot="belongTitle">{{belongTitle}}</template>

antTableColumns.png

标签: Ant Design Vue, Table表格组件, 设置动态表头

添加新评论