技術標籤：Vuevue.js

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

展示效果