Vue.js 如何在ant design vue表中选择整行？

我有一个ant design vue表，它具有选择行和打开带有记录的新抽屉的功能

这是表格的模板

<a-table
    :dataSource="employeeData"
    :rowKey="record => record.sgid"
    :pagination="{ pageSize: size }"
    :columns="columns"
    :loading="loading"
    :scroll="{ x: 1300, y: 400 }"
    :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
  >
    <template slot="name" slot-scope="text, record">
      <div class="click-event" @click="select(record)">{{ text }}</div>
    </template>
    <template slot="id" slot-scope="text, record">
      <div class="click-event" @click="select(record)">{{ text }}</div>
    </template>
    <template slot="mobile" slot-scope="text, record">
      <div class="click-event" @click="select(record)">{{ text }}</div>
    </template>
</a-table>

{{text}}
{{text}}
{{text}}

使用此代码，我向所有插槽添加了一个

，以便用户可以单击每列中的任何位置。但行中的两列之间仍有一些空白，无法单击。我应该怎么做才能让用户可以单击一行来运行选择功能？

将您的列环绕在链接上以进行重定向，而不是HTML锚定标记

。锚定道具和链接道具为您提供了许多选项，以多种方式实现您的用例

浏览API，看看哪些内容适合您的要求。
将您的专栏环绕在链接上，以实现重定向，而不是HTML锚定标记
。锚定道具和链接道具为您提供了许多选项，以多种方式实现您的用例

浏览API，看看什么适合您的要求。
您可以添加一个在线演示吗？这可能有助于我们回答您的问题。您可以添加一个在线演示吗？这可能有助于我们回答你的问题。