VEX-Table的columns配置示例

VEX-Table 是基于 Vue.js 和 Element UI 的表格组件，它提供了丰富的配置项来满足各种场景的需求。下面是一个 VEX-Table 的 columns 配置示例：

columns: [
  {
    label: '姓名',
    prop: 'name',
    width: 120
  },
  {
    label: '年龄',
    prop: 'age',
    width: 120
  },
  {
    label: '性别',
    prop: 'gender',
    width: 120,
    render: (h, params) => {
      return h('span', params.row.gender === 'M' ? '男' : '女')
    }
  },
  {
    label: '操作',
    width: 120,
    fixed: 'right',
    render: (h, params) => {
      return h('div', [
        h('Button', {
          props: {
            type: 'text',
            size: 'small'
          },
          style: {
            marginRight: '5px'
          },
          on: {
            click: () => {
              this.edit(params.index)
            }
          }
        }, '编辑'),
        h('Button', {
          props: {
            type: 'text',
            size: 'small'
          },
          on: {
            click: () => {
              this.remove(params.index)
            }
          }
        }, '删除')
      ])
    }
  }
]

上面的示例中，我们定义了四列数据，分别是姓名、年龄、性别和操作。其中，姓名和年龄列只是简单地展示了数据，而性别列使用了 render 函数对数据进行了格式化。最后一列是操作列，使用了固定列和自定义渲染函数来实现编辑和删除功能。

注意，以上示例只是一个简单的配置示例，实际使用中，还需要根据实际需求进行适当的修改和调整。