ElementUI 表格保留复选框的同时 去掉 全选复选框

<el-table :header-cell-class-name="headerCell"></el-table>


/**
 * 通过 el-table 的 header-cell-class-name 回调
 */
headerCell(row){
    if (row.rowIndex === 0 && row.columnIndex === 0) {
        this.removeCheckedAllDom(row);
    }
},
/**
 * 移除 全选复选框 Dom
 * @param row
 */
removeCheckedAllDom(row){
    this.$nextTick(() => {
        // 每次触发 headerCell 判断如果是第一个 单元格 调用该方法
        // row.column.id 是该单元格的 class 样式
        // 通过 class 样式连续找两层 children 节点 如果存在 执行 remove()
        var selectBox = document.querySelector(`.${row.column.id}`);
        selectBox.children[0].children[0]?.remove();
    })
},