el-table-column中设置type=“selection”中表头自定义样式不增加复选框功能

需求界面

elementUI默认的复选框样式

思路及代码说明

1. 通过js代码插入文字和消除复选框（很麻烦，放弃）
2. 通过css样式控制，伪元素插入文字，隐藏复选框，禁用鼠标点击

• 其中/deep/是样式穿透,伪元素控制文字内容，可以自定义文字说明。

  /deep/ .el-table__header .el-table-column--selection .cell .el-checkbox {
    cursor: default;
    pointer-events: none; // 不再响应鼠标事件

    &::before {
      display: inline-block;
      content: "操作"; // 插入的文字内容
      color: #262626;
    }

    .el-checkbox__inner {
      display: none; // 隐藏复选框
    }
  }