表格表头增加复选框（列是动态for循环生成）

1、利用:render-header="renderHeader"表头渲染复选框

<el-table
              ref="multipleTable"
              :data="pointdevData"
              tooltip-effect="dark"
              v-loading="tableLoading"
              size="mini"
              style="width:98%"
              border
              :max-height="maxTableHeight"
              :header-click="headerClick"
            >
              <el-table-column
                v-for="(item,index) in headerData"
                :key="index"
                :label="item.value"
                :prop="item.keys"
                align="center"
                :render-header="renderHeader"
              >
                <template slot-scope="scope">
                  <span>{{scope.row.pointId}} </span>
                </template>
              </el-table-column>
            </el-table>

renderHeader 函数

// /** 表头增加复选框 */
renderHeader (h, { column }) {
  if (!this.isRender) {
    return h('span', column.label)
  } else {
    return h(
      'span',
      [
        h('el-checkbox', {
          style: 'display:inline-flex;margin-right:15px;',
          on: {
            change: ($event) => this.select($event, { column }),
          }
        }),
        h('span', column.label)
      ]
    )
  }
},
// /** 是否勾选表头 */
select (event, column) {
  // 如果checked为true则是勾选了对应的表头 event当前复选框是否选中 column当前列表头数据
  console.log(event, "event")
  console.log(column, "column")
},