html部分:
<el-table v-if="showTable"
class="inter_table"
:data="apiList.slice((currentPage-1)*pagesize,currentPage*pagesize)"
tooltip-effect="dark"
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;
}
展示效果