Vue+Element组件el-table添加表头全选文字

html部分:

  <el-table v-if="showTable"
            class="inter_table"
            :data="apiList.slice((currentPage-1)*pagesize,currentPage*pagesize)"
            style="width: 100% !important;"
            border
            @selection-change="handleSelectionChange">
    <el-table-column
          label-class-name="DisabledSelection"
          width="70px"
          type="selection"
          header-align="center"
          align="center">
    </el-table-column>
  </el-table>

css部分

/*表格表头全选*/
.el-table /deep/.DisabledSelection .cell .el-checkbox__inner{
  margin-left: -30px;
  position:relative;
}
.el-table /deep/.DisabledSelection .cell:before{
  content:"全选";
  position:absolute;
  right:11px;
}

Vue+Element组件el-table添加表头全选文字_第1张图片

你可能感兴趣的:(vue,前端demo,vue.js,css,javascript)