有时候我们使用el-table的选择框时，如果涉及修改、删除时，可能一次只允许用户选择一条，这样的话，如果使用顶部的全选复选框就不合适了。我们可以提供两种方式，一种是隐藏顶部的复选框，另一种是将顶部复选框改成文字，禁止点击。

多选框那一列加label-class-name

 <el-table
            v-loading="loading"
            :data="assetClass.assetClassPropertyList"
            row-key="propertyId"
            :row-class-name="rowClassName"
            @selection-change="handleSelectionChange" ref="table">
            <el-table-column type="index" width="50" align="center" label="序号"/>
            <el-table-column type="selection" width="50" align="center" label-class-name="DisabledSelection"/>
            <el-table-column prop="propertyName" label="属性名称" show-overflow-tooltip align="center">
              <template slot-scope="scope">
                <el-input v-model="scope.row.propertyName" size="mini" maxlength="64"
                          :show-word-limit="true"></el-input>
              </template>
            </el-table-column>
            <el-table-column prop="isRequired" label="是否必填" :formatter="isRequiredFormatter" width="100">
              <template slot-scope="scope">
                <el-switch
                  v-model="scope.row.isRequired"
                  active-value="Y"
                  inactive-value="N"
                ></el-switch>
              </template>
            </el-table-column>
          </el-table>

style加样式

隐藏顶部复选框

<style scoped>
/*表格全选框去除空框*/
.el-table >>> .DisabledSelection .cell .el-checkbox__inner {
  display: none;
  position: relative;
}
</style>

将顶部复选框改成汉字

<style scoped>
/*表格全选框去除空框*/
.el-table >>> .DisabledSelection .cell .el-checkbox__inner {
  display: none;
  position: relative;
}
/*表格全选框改为：选择*/
.el-table >>> .DisabledSelection .cell:before {
  content: "选择";
  position: absolute;
  left: 7px;
}
</style>