diff --git a/src/pages/demo/d2-crud/demo17/code.js b/src/pages/demo/d2-crud/demo17/code.js
index 45b84750..a7c1178b 100644
--- a/src/pages/demo/d2-crud/demo17/code.js
+++ b/src/pages/demo/d2-crud/demo17/code.js
@@ -4,9 +4,11 @@ export default `<template>
       :columns="columns"
       :data="data"
       title="D2 CRUD"
+      add-mode
       :rowHandle="rowHandle"
       :form-template="formTemplate"
       :form-options="formOptions"
+      @row-add="handleRowAdd"
       @row-edit="handleRowEdit"
       @dialog-cancel="handleDialogCancel"/>
   </div>
@@ -92,6 +94,20 @@ export default {
         address: {
           title: '地址',
           value: ''
+        },
+        forbidEdit: {
+          title: '禁用按钮',
+          value: false,
+          component: {
+            show: false
+          }
+        },
+        showEditButton: {
+          title: '显示按钮',
+          value: true,
+          component: {
+            show: false
+          }
         }
       },
       formOptions: {
@@ -102,6 +118,18 @@ export default {
     }
   },
   methods: {
+    handleRowAdd (row, done) {
+      this.formOptions.saveLoading = true
+      setTimeout(() => {
+        console.log(row)
+        this.$message({
+          message: '保存成功',
+          type: 'success'
+        })
+        done()
+        this.formOptions.saveLoading = false
+      }, 300)
+    },
     handleRowEdit ({index, row}, done) {
       this.formOptions.saveLoading = true
       setTimeout(() => {
diff --git a/src/pages/demo/d2-crud/demo17/index.vue b/src/pages/demo/d2-crud/demo17/index.vue
index 9b828546..92d83835 100644
--- a/src/pages/demo/d2-crud/demo17/index.vue
+++ b/src/pages/demo/d2-crud/demo17/index.vue
@@ -5,9 +5,11 @@
       :columns="columns"
       :data="data"
       title="D2 CRUD"
+      add-mode
       :rowHandle="rowHandle"
       :form-template="formTemplate"
       :form-options="formOptions"
+      @row-add="handleRowAdd"
       @row-edit="handleRowEdit"
       @dialog-cancel="handleDialogCancel">
     </d2-crud>
@@ -108,6 +110,20 @@ export default {
         address: {
           title: '地址',
           value: ''
+        },
+        forbidEdit: {
+          title: '禁用按钮',
+          value: false,
+          component: {
+            show: false
+          }
+        },
+        showEditButton: {
+          title: '显示按钮',
+          value: true,
+          component: {
+            show: false
+          }
         }
       },
       formOptions: {
@@ -118,6 +134,18 @@ export default {
     }
   },
   methods: {
+    handleRowAdd (row, done) {
+      this.formOptions.saveLoading = true
+      setTimeout(() => {
+        console.log(row)
+        this.$message({
+          message: '保存成功',
+          type: 'success'
+        })
+        done()
+        this.formOptions.saveLoading = false
+      }, 300)
+    },
     handleRowEdit ({ index, row }, done) {
       this.formOptions.saveLoading = true
       setTimeout(() => {