当前位置 博文首页 > 要上位的程序猿的博客: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;
}
cs