当前位置 博文首页 > 要上位的程序猿的博客:Vue+Element组件el-table添加表头全选文

    要上位的程序猿的博客:Vue+Element组件el-table添加表头全选文

    作者:[db:作者] 时间:2021-08-24 09:57

    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;
    }
    

    在这里插入图片描述

    cs