iview pageTable type:selection时自定义选框样式可以实现全选

您好，针对您的问题，我理解的是您想通过自定义选框样式来实现全选功能，是这样的吗？如果是的话，可以通过以下方法来实现：

1. 在 `i-table` 组件上添加 `@select-all` 事件监听器，该事件会在全选复选框被点击时触发。

2. 在 `i-table` 组件上添加 `:selectable` 属性，该属性可以自定义选框的样式。

下面是一个示例代码，您可以参考一下：

<template>
  <div>
    <i-table :columns="columns"
             :data="tableData"
             :selectable="customSelectBox"
             @select-all="selectAllRows">
    </i-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      columns: [...],
      tableData: [...],
      customSelectBox: row => {
        return {
          template: `
            <label class="custom-checkbox">
              <input type="checkbox" v-model="row._checked">
              <span class="custom-checkbox-label"></span>
            </label>
          `
        };
      }
    };
  },
  methods: {
    selectAllRows(selected) {
      this.tableData.forEach(row => {
        row._checked = selected;
      });
    }
  }
};
</script>

<style>
.custom-checkbox {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  margin-top: -2px;
  vertical-align: middle;
  cursor: pointer;
}

.custom-checkbox input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.custom-checkbox .custom-checkbox-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #d9d9d9;
  opacity: 1;
  transition: all 0.3s;
}

.custom-checkbox input[type="checkbox"]:checked + .custom-checkbox-label::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  background-color: #409EFF;
  opacity: 1;
  transition: all 0.3s;
}

.custom-checkbox:hover .custom-checkbox-label {
  border-color: #409EFF;
}
</style>

在上面的代码中，我们定义了一个 `customSelectBox` 函数来自定义选框的样式，该函数会返回一个包含选框模板的对象。然后在 `i-table` 组件上添加 `:selectable="customSelectBox"` 属性，将自定义的选框样式应用到表格中。

同时，我们在 `i-table` 组件上添加了 `@select-all` 事件监听器，该事件会在全选复选框被点击时触发，我们在 `selectAllRows` 方法中，将所有行的选中状态都设置为全选状态即可。

希望能对您有所帮助！如果还有其他问题，请随时提出。