diff --git a/examples/views/docs/table.md b/examples/views/docs/table.md
index 0d2aa03..1edc91e 100644
--- a/examples/views/docs/table.md
+++ b/examples/views/docs/table.md
@@ -10,6 +10,60 @@
 
 ```html
 <template>
+  <eagle-table ref="table" :value="tableData" :list="tableList" :tableProps="tableProps"></eagle-table>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      tableData: [
+        { name: '项伯', address: '大楚小区', postcode: 555, number: '北城1号院' },
+        { name: '项仲', address: '大楚小区', postcode: 555, number: '北城2号院' },
+        { name: '项叔', address: '大楚小区', postcode: 555, number: '北城3号院' },
+        { name: '项季', address: '大楚小区', postcode: 555, number: '北城4号院' },
+      ],
+      tableProps: {
+        border: true
+      },
+      tableList: [
+        { key: 'name', label: '名称',
+          formatter(row, column) {
+            return `${row.name} - ${row.postcode}`;
+          }
+        },
+        { key: 'address', label: '住址' },
+        { key: 'postcode', label: '邮编' },
+        { key: 'number', label: '楼栋号', minWidth: '180' },
+      ]
+    }
+  },
+  mounted() {
+    console.log(this.$refs.table.tableInstance);
+  },
+  methods: {
+    handleSubmit(value) {
+      console.log(value)
+    },
+    handleCancel() {
+      this.$refs.form.reset()
+      console.log('cancel!')
+    }
+  }
+}
+</script>
+```
+
+:::
+
+## 自定义列
+
+表格列可以通过`slot`动态配置，名称对应各列的列名
+
+:::snippet 可以使用`slot`加`slot-scope`的方式，新版vue可以使用`#slotname`的形式
+
+```html
+<template>
   <eagle-table ref="table" :value="tableData" :list="tableList" :tableProps="tableProps">
     <el-table-column type="selection" width="55"></el-table-column>
     <el-table-column type="index" width="50"></el-table-column>
--
libgit2 0.21.0