diff --git a/src/pages/demo/d2-crud/demo24/code.js b/src/pages/demo/d2-crud/demo24/code.js
index 2516e5b1..8e09fc90 100644
--- a/src/pages/demo/d2-crud/demo24/code.js
+++ b/src/pages/demo/d2-crud/demo24/code.js
@@ -1,12 +1,16 @@
 export default `<template>
   <div>
-  <d2-crud
-    ref="d2Crud"
-    :columns="columns"
-    :data="data">
-    <el-button slot="headerButton">自定义按钮1</el-button>
-    <el-button slot="headerButton" type="primary" round>自定义按钮2</el-button>
-  </d2-crud>
+    <d2-crud
+      ref="d2Crud"
+      :columns="columns"
+      :data="data">
+      <el-input slot="header" placeholder="请输入内容" style="margin-bottom: 5px">
+        <template slot="prepend">Http://</template>
+        <template slot="append">.com</template>
+      </el-input>
+      <el-button slot="header" style="margin-bottom: 5px">自定义按钮1</el-button>
+      <el-button slot="header" type="primary" round style="margin-bottom: 5px">自定义按钮2</el-button>
+    </d2-crud>
   </div>
 </template>
 
@@ -53,9 +57,6 @@ export default {
         }
       ]
     }
-  },
-  mounted () {
-    console.log(this.$refs.d2Crud.d2Data)
   }
 }
 </script>`
diff --git a/src/pages/demo/d2-crud/demo24/doc.md b/src/pages/demo/d2-crud/demo24/doc.md
index fd68e284..913162f0 100644
--- a/src/pages/demo/d2-crud/demo24/doc.md
+++ b/src/pages/demo/d2-crud/demo24/doc.md
@@ -1 +1 @@
-`headerButton` slot 可以在表头添加自定义按钮。代码如下：
+`header` slot 可以在表头添加自定义内容。代码如下：
diff --git a/src/pages/demo/d2-crud/demo24/index.vue b/src/pages/demo/d2-crud/demo24/index.vue
index 79918a28..30d2ec28 100644
--- a/src/pages/demo/d2-crud/demo24/index.vue
+++ b/src/pages/demo/d2-crud/demo24/index.vue
@@ -1,12 +1,13 @@
 <template>
   <d2-container :filename="filename">
     <template slot="header">表格slot</template>
-    <d2-crud
-      ref="d2Crud"
-      :columns="columns"
-      :data="data">
-      <el-button slot="headerButton">自定义按钮1</el-button>
-      <el-button slot="headerButton" type="primary" round>自定义按钮2</el-button>
+    <d2-crud ref="d2Crud" :columns="columns" :data="data">
+      <el-input slot="header" placeholder="请输入内容" style="margin-bottom: 5px">
+        <template slot="prepend">Http://</template>
+        <template slot="append">.com</template>
+      </el-input>
+      <el-button slot="header" style="margin-bottom: 5px">自定义按钮1</el-button>
+      <el-button slot="header" type="primary" round style="margin-bottom: 5px">自定义按钮2</el-button>
     </d2-crud>
     <el-card shadow="never" class="d2-mb">
       <d2-markdown :source="doc"/>
@@ -21,57 +22,54 @@
 </template>
 
 <script>
-import doc from './doc.md'
-import code from './code.js'
+import doc from "./doc.md";
+import code from "./code.js";
 
 export default {
-  data () {
+  data() {
     return {
       filename: __filename,
       doc,
       code,
       columns: [
         {
-          title: '日期',
-          key: 'date',
-          width: '180'
+          title: "日期",
+          key: "date",
+          width: "180"
         },
         {
-          title: '姓名',
-          key: 'name',
-          width: '180'
+          title: "姓名",
+          key: "name",
+          width: "180"
         },
         {
-          title: '地址',
-          key: 'address'
+          title: "地址",
+          key: "address"
         }
       ],
       data: [
         {
-          date: '2016-05-02',
-          name: '王小虎',
-          address: '上海市普陀区金沙江路 1518 弄'
+          date: "2016-05-02",
+          name: "王小虎",
+          address: "上海市普陀区金沙江路 1518 弄"
         },
         {
-          date: '2016-05-04',
-          name: '王小虎',
-          address: '上海市普陀区金沙江路 1517 弄'
+          date: "2016-05-04",
+          name: "王小虎",
+          address: "上海市普陀区金沙江路 1517 弄"
         },
         {
-          date: '2016-05-01',
-          name: '王小虎',
-          address: '上海市普陀区金沙江路 1519 弄'
+          date: "2016-05-01",
+          name: "王小虎",
+          address: "上海市普陀区金沙江路 1519 弄"
         },
         {
-          date: '2016-05-03',
-          name: '王小虎',
-          address: '上海市普陀区金沙江路 1516 弄'
+          date: "2016-05-03",
+          name: "王小虎",
+          address: "上海市普陀区金沙江路 1516 弄"
         }
       ]
-    }
-  },
-  mounted () {
-    console.log(this.$refs.d2Crud.d2Data)
+    };
   }
-}
+};
 </script>