antd-vue table 修改checkbox位置

在Ant Design Vue (antd-vue) 中，Table组件中的列默认包含了一个复选框用于选择行。如果你想要修改这个复选框的位置，你可以自定义表格头部或单元格的内容。这里是一个简单的步骤说明：

1. 首先，在`<template>`部分，你需要将`<el-table-column type="selection"`更改为`<template slot="selection">...</template>`，这允许你插入自定义的选择内容。

<template slot-scope="scope">
  <!-- 自定义复选框的位置 -->
  <template slot="selection">
    <el-checkbox v-model="scope.$index" @change="handleSelectionChange"></el-checkbox>
  </template>
  <!-- 其他列的内容... -->
</template>

2. 然后，在`methods`中定义`handleSelectionChange`函数，处理勾选事件。

methods: {
  handleSelectionChange(value) {
    // 你的处理逻辑
  }
}

3. 如果你想将复选框移动到其他位置，比如放在列头，可以在`<el-table-column>`里添加`header`属性并放入你的自定义HTML。

<el-table-column header="操作">
  <template slot-scope="scope">
    <el-checkbox v-model="scope.$index" @change="handleSelectionChange"></el-checkbox>
  </template>
</el-table-column>

请注意，具体的样式调整可能需要你自己根据CSS来定制。