vue.js - 在表格antDesign Vuejs中添加输入

Question

我想在 INPUT 的表格中显示我的一些数据。我使用 AntDesign Vue 进行设计。

所以这里是一个包含一些数据的表，我想只显示输入中“地址”列中的数据来编辑它们。

我怎样才能做到这一点 ？

非常感谢。

<template>
  <a-table :columns="columns" :data-source="data">
    
  </a-table>
</template>
<script>
const columns = [
  {
    title: 'Name',
    dataIndex: 'name',
    key: 'name',
    scopedSlots: { customRender: 'name' },
  },
  {
    title: 'Age',
    dataIndex: 'age',
    key: 'age',
  },
  {
    title: 'Address',
    dataIndex: 'address',
    key: 'address 1',
  },
];

const data = [
  {
    key: '1',
    name: 'John Brown',
    age: 32,
    address: 'New York No.',
  },
  {
    key: '2',
    name: 'Jim Green',
    age: 42,
    address: 'London No. 2',
  },
  {
    key: '3',
    name: 'Joe Black',
    age: 32,
    address: 'Sidney No. 1 Lake Park, Sidney No. 1 Lake Park',
  },
];

export default {
  data() {
    return {
      data,
      columns,
    };
  },
};
</script>