elementUI中如何在Table的列上面新增自定义属性?

Question

html代码

现在列上面只有 这个信息是我自己加上去的，我想再在column中加一个 id 属性，应该怎么加，或者有没有哪个属性可以让我用来放一些自定义信息

Answer 1

不需要使用自定义属性，能给自定义属性赋值，在html中也就能获取这个属性

Answer 2

嗯嗯，明白了。设置column-key确实是个方法，但考虑到它的唯一性，如果你自定义的属性可能会重复的话，就不合适了。相反，如果自定义属性是id且唯一，不妨大胆用就好了。
一定要自定义一个不影响其他功能的属性的话，可以使用render-header渲染表头，在render期间对column增加属性：

<el-table-column :render-header="renderHeader"></el-table-column>
...
renderHeader(h, { column, $index }) {
  column.test = 'test'
  console.log(column) // 这里打印下就知道新增属性成功
  return (
    <span>竞猜对象信息</span>
  )
}
...
// 这种方法还有局限性：因为表头是render渲染的，`ElTable`组件自己的排序、筛选等功能就没法在这一列使用了。