diff --git a/src/pages/demo/d2-crud/demo7/code.js b/src/pages/demo/d2-crud/demo7/code.js
index cb4d4e2c..ea10043f 100644
--- a/src/pages/demo/d2-crud/demo7/code.js
+++ b/src/pages/demo/d2-crud/demo7/code.js
@@ -4,7 +4,8 @@ export default `<template>
       :columns="columns"
       :data="data"
       :options="options"
-      :rowHandle="rowHandle"/>
+      :rowHandle="rowHandle"
+      @row-remove="handleRowRemove"/>
   </div>
 </template>
 
@@ -107,6 +108,15 @@ export default {
         }
       }
     }
+  },
+  methods: {
+    handleRowRemove ({index, row}, done) {
+      this.$message({
+        message: '删除成功',
+        type: 'success'
+      })
+      done()
+    }
   }
 }
 </script>`
diff --git a/src/pages/demo/d2-crud/demo7/index.vue b/src/pages/demo/d2-crud/demo7/index.vue
index 3063782d..b4516957 100644
--- a/src/pages/demo/d2-crud/demo7/index.vue
+++ b/src/pages/demo/d2-crud/demo7/index.vue
@@ -5,7 +5,8 @@
       :columns="columns"
       :data="data"
       :options="options"
-      :rowHandle="rowHandle"/>
+      :rowHandle="rowHandle"
+      @row-remove="handleRowRemove"/>
     <el-card shadow="never" class="d2-mb">
       <d2-markdown :source="doc"/>
     </el-card>
@@ -123,6 +124,15 @@ export default {
         }
       }
     }
+  },
+  methods: {
+    handleRowRemove ({index, row}, done) {
+      this.$message({
+        message: '删除成功',
+        type: 'success'
+      })
+      done()
+    }
   }
 }
 </script>