ant design vue table 多列多选

如果您想要实现Ant Design Vue表格多列多选功能，您可以使用`<a-table>`组件和`columns`属性来定义表格列，使用`row-selection`属性来启用多选功能。以下是示例代码：

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

<script>
  export default {
    data() {
      return {
        columns: [
          {
            title: '列1',
            dataIndex: 'col1',
            key: 'col1'
          },
          {
            title: '列2',
            dataIndex: 'col2',
            key: 'col2'
          },
          {
            title: '列3',
            dataIndex: 'col3',
            key: 'col3'
          }
        ],
        dataSource: [
          {
            key: '1',
            col1: '数据1-列1',
            col2: '数据1-列2',
            col3: '数据1-列3'
          },
          {
            key: '2',
            col1: '数据2-列1',
            col2: '数据2-列2',
            col3: '数据2-列3'
          }
        ],
        rowSelection: {
          type: 'checkbox',
          selectedRowKeys: [],
          onChange: (selectedRowKeys, selectedRows) => {
            console.log(selectedRowKeys, selectedRows);
          }
        }
      };
    }
  };
</script>

在上面的代码中，`columns`属性定义了表格的列，`dataSource`属性定义了表格的数据源。`rowSelection`属性定义了多选功能的配置，包括选择框类型，已选行的键值，以及选择变化时的回调函数。

注意，多列多选功能需要在表格中同时启用多选和多列排序。您可以使用`<a-table>`组件的其他属性和方法来进一步定制表格的外观和行为。