vxe-table checkbox 设行列颠倒

vxe-table是一个基于Vue.js的强大的表格组件库，它提供了丰富的和灵活的配置选项。在vxe-table中，可以通过配置来实现checkbox设行列颠倒的效。

要实现checkbox设行列颠倒，可以使用vxe-table的selection-config配置项。首先，需要在表格的columns中添加一个selection列，然后在表格的props中设置checkbox-config属性为一个对象，其中的check-method属性可以指定一个方法来控制checkbox的选中状态。

具体步骤如下：
1. 在表格的columns中添加一个selection列，设置type为selection。
2. 在表格的props中设置checkbox-config属性为一个对象，其中的check-method属性指定一个方法来控制checkbox的选中状态。
3. 在check-method方法中，根据行和列的索引来判断是否选中。

下面是一个示例代码：

<template>
  <vxe-table
    :data="tableData"
    :columns="tableColumns"
    :checkbox-config="checkboxConfig"
  ></vxe-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { id: 1, name: 'John', age: 20 },
        { id: 2, name: 'Jane', age: 25 },
        { id: 3, name: 'Tom', age: 30 },
      ],
      tableColumns: [
        { type: 'selection' },
        { field: 'id', title: 'ID' },
        { field: 'name', title: 'Name' },
        { field: 'age', title: 'Age' },
      ],
      checkboxConfig: {
        checkMethod({ row, column }) {
          // 判断行和列的索引是否为奇数，来决定是否选中
          return (row.$index + 1) % 2 === (column.$index + 1) % 2;
        },
      },
    };
  },
};
</script>

在上面的示例中，checkMethod方法通过判断行和列的索引是否为奇数来决定是否选中checkbox，实现了行列颠倒的效果。