Ant Design of Vue —— Table表格组件 —— 设置动态表头

Column配置 比如：操作列

代码语言：javascript复制

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

代码段

代码语言：javascript复制

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

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

代码语言：javascript复制

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

title 配置

0 人点赞