element-table 多选列的表头如何自定义？

Question

在线实例：https://codesandbox.io/s/element-table-duo-xuan-lie-zi-ding-y...

如图，同样使用官方给的插槽，多选列的表头无法自定义，如何才能自定义呢？

Answer 1

从源码中可以看到，type为selection时不支持插槽。

Answer 2

this.$nextTick(() => {
      const wrap = document.querySelector('th .el-checkbox')
      const textEl = document.createElement('span')
      textEl.innerHTML = '多选'
      wrap.appendChild(textEl)
    })

通过操作dom插入文字；

或者自己用 el-table-column 写一个多选框功能