d2-crud修改table数据

要修改d2-crud的表格数据，需要先在d2-crud的配置中设置editable为true，这样就可以开启编辑模式。然后在table上添加@click-row="handleClickRow"事件来监听行的点击事件，当点击行时，会触发handleClickRow方法。在handleClickRow方法中，可以将当前行的数据设置为编辑状态，这样就可以进行修改了。

以下是一个示例代码：

<template>
  <div>
    <d2-crud
      :columns="columns"
      :data="data"
      :editable="true"
      @click-row="handleClickRow"
    ></d2-crud>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        columns: [
          {
            title: '姓名',
            key: 'name'
          },
          {
            title: '年龄',
            key: 'age'
          },
          {
            title: '性别',
            key: 'gender'
          }
        ],
        data: [
          {
            name: '张三',
            age: 20,
            gender: '男'
          },
          {
            name: '李四',
            age: 25,
            gender: '女'
          },
          {
            name: '王五',
            age: 30,
            gender: '男'
          }
        ]
      }
    },

    methods: {
      handleClickRow(row) {
        this.$refs.d2Crud.setRowEdit(row)
      }
    }
  }
</script>

在这个示例中，我们将editable设置为true，添加了一个@click-row事件，并在handleClickRow方法中调用了setRowEdit方法来将当前行设置为编辑状态。这样就可以在表格中修改数据了。