ant design vue 表格有多列复选框 checkbox

要在Ant Design Vue表格中显示多列复选框（checkbox），你可以在columns属性中添加一个固定的选框列。这个选框列将包含一个复选框和一个数据属性，用于表示行是否被选中。

以下是一个示例代码：

<template>
  <a-table :columns="columns" :data-source="data" :row-selection="rowSelection"></a-table>
</template>

<script>
  export default {
    data() {
      return {
        data: [
          { key: '1', name: 'John Brown', age: 32, address: 'New York No. 1 Lake Park' },
          { key: '2', name: 'Jim Green', age: 42, address: 'London No. 1 Lake Park' },
          { key: '3', name: 'Joe Black', age: 32, address: 'Sidney No. 1 Lake Park' },
          { key: '4', name: 'Jim Red', age: 32, address: 'London No. 2 Lake Park' }
        ],
        rowSelection: {
          columnWidth: '40px',
          fixed: true,
          onChange: (selectedRowKeys, selectedRows) => {
            console.log(selectedRowKeys, selectedRows);
          }
        },
        columns: [
          {
            title: '',
            dataIndex: 'checked',
            fixed: 'left',
            width: '40px',
            render: (text, record) => {
              return <a-checkbox v-model:value={record.checked}></a-checkbox>;
            }
          },
          {
            title: 'Name',
            dataIndex: 'name'
          },
          {
            title: 'Age',
            dataIndex: 'age'
          },
          {
            title: 'Address',
            dataIndex: 'address'
          }
        ]
      };
    }
  };
</script>

在这个示例中，我们创建了一个固定的选框列，将其添加到了columns数组的开头。我们使用render函数返回一个复选框，并使用v-model绑定到记录的checked属性上。我们还在rowSelection属性中设置了选框列的宽度和onChange事件处理函数。

在这个示例中，我们使用了Vue的JSX语法来创建复选框。如果你不熟悉JSX，你也可以使用普通的HTML和Vue指令来创建复选框。

你可以根据自己的需求修改代码来实现多列复选框。