diff --git a/src/menu/modules/demo-d2-crud.js b/src/menu/modules/demo-d2-crud.js
index 6cdb0068..cadf67b1 100644
--- a/src/menu/modules/demo-d2-crud.js
+++ b/src/menu/modules/demo-d2-crud.js
@@ -21,7 +21,8 @@ export default {
         { path: `${pre}demo12`, title: '筛选' },
         { path: `${pre}demo13`, title: '表尾合计行' },
         { path: `${pre}demo14`, title: '合并行' },
-        { path: `${pre}demo15`, title: '合并列' }
+        { path: `${pre}demo15`, title: '合并列' },
+        { path: `${pre}demo24`, title: '表格slot' }
       ]
     },
     {
diff --git a/src/pages/demo/d2-crud/demo24/code.js b/src/pages/demo/d2-crud/demo24/code.js
new file mode 100644
index 00000000..2516e5b1
--- /dev/null
+++ b/src/pages/demo/d2-crud/demo24/code.js
@@ -0,0 +1,61 @@
+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>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      columns: [
+        {
+          title: '日期',
+          key: 'date',
+          width: '180'
+        },
+        {
+          title: '姓名',
+          key: 'name',
+          width: '180'
+        },
+        {
+          title: '地址',
+          key: 'address'
+        }
+      ],
+      data: [
+        {
+          date: '2016-05-02',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1518 弄'
+        },
+        {
+          date: '2016-05-04',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1517 弄'
+        },
+        {
+          date: '2016-05-01',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1519 弄'
+        },
+        {
+          date: '2016-05-03',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1516 弄'
+        }
+      ]
+    }
+  },
+  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
new file mode 100644
index 00000000..fd68e284
--- /dev/null
+++ b/src/pages/demo/d2-crud/demo24/doc.md
@@ -0,0 +1 @@
+`headerButton` slot 可以在表头添加自定义按钮。代码如下：
diff --git a/src/pages/demo/d2-crud/demo24/index.vue b/src/pages/demo/d2-crud/demo24/index.vue
new file mode 100644
index 00000000..de4a4e9d
--- /dev/null
+++ b/src/pages/demo/d2-crud/demo24/index.vue
@@ -0,0 +1,76 @@
+<template>
+  <d2-container>
+    <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>
+    <el-card shadow="never" class="d2-mb">
+      <d2-markdown :source="doc"/>
+    </el-card>
+    <el-card shadow="never" class="d2-mb">
+      <d2-highlight :code="code"/>
+    </el-card>
+    <template slot="footer">
+      <d2-link-btn title="D2 CRUD" link="https://github.com/d2-projects/d2-crud"/>
+    </template>
+  </d2-container>
+</template>
+
+<script>
+import doc from './doc.md'
+import code from './code.js'
+
+export default {
+  data () {
+    return {
+      doc,
+      code,
+      columns: [
+        {
+          title: '日期',
+          key: 'date',
+          width: '180'
+        },
+        {
+          title: '姓名',
+          key: 'name',
+          width: '180'
+        },
+        {
+          title: '地址',
+          key: 'address'
+        }
+      ],
+      data: [
+        {
+          date: '2016-05-02',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1518 弄'
+        },
+        {
+          date: '2016-05-04',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1517 弄'
+        },
+        {
+          date: '2016-05-01',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1519 弄'
+        },
+        {
+          date: '2016-05-03',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1516 弄'
+        }
+      ]
+    }
+  },
+  mounted () {
+    console.log(this.$refs.d2Crud.d2Data)
+  }
+}
+</script>
diff --git a/src/router/routes.js.REMOVED.git-id b/src/router/routes.js.REMOVED.git-id
index 9769bbca..8c77a7b2 100644
--- a/src/router/routes.js.REMOVED.git-id
+++ b/src/router/routes.js.REMOVED.git-id
@@ -1 +1 @@
-49fda24126560af976b40d0e8a29042af7df7d34
\ No newline at end of file
+67bc36bcd02e1d0746d44d23553d6849638f19d2
\ No newline at end of file
diff --git a/yarn.lock.REMOVED.git-id b/yarn.lock.REMOVED.git-id
index 4bb46c2e..f9a5a198 100644
--- a/yarn.lock.REMOVED.git-id
+++ b/yarn.lock.REMOVED.git-id
@@ -1 +1 @@
-44291d399f7241e2f8385a408fcc1521b0f58d96
\ No newline at end of file
+ee5cecf1e3ba566cb1ff834db9f3c1f9d910fb26
\ No newline at end of file