fixed #1011

examples/routers/table.vue

@@ -1,97 +1,48 @@
 <template>
-    <div>
+    <Table border :columns="columns5" :data="data5"></Table>
-        <Table border :columns="columns7" :data="data6"></Table>
-        <Button @click="handleAdd"> + 1</Button>
-    </div>
 </template>
 <script>
-    import abc from '../components/test.vue';
     export default {
-        components: { abc },
         data () {
             return {
-                data1: 1,
+                columns5: [
-                self: this,
+                    {
-                columns7: [
+                        title: '日期',
+                        key: 'date',
+                        sortable: true
+                    },
                     {
                         title: '姓名',
                         key: 'name',
-//                        render (row, column, index) {
+                        render: (h, params) => {
-//                            return `<abc></abc>`;
+                            return h('div', params.row.name);
-//                        }
-                        render: (h, row, column, index) => {
-                            return h('div', [
-                                h('Button',{
-                                    on: {
-                                        click: this.handleClick
-                                    }
-                                }, 'hello')
-                            ])
                         }
                     },
                     {
                         title: '年龄',
-                        key: 'age'
+                        key: 'age',
+                        sortable: true
                     },
                     {
                         title: '地址',
                         key: 'address'
-                    },
-                    {
-                        title: '操作',
-                        key: 'action',
-                        width: 150,
-                        align: 'center',
-//                        render (row, column, index) {
-//                            return `<i-button type="primary" size="small" @click="show(${index})">查看</i-button> <i-button type="error" size="small" @click="remove(${index})">删除</i-button>`;
-//                        }
                     }
                 ],
-                data6: [
+                data5: [
                     {
                         name: '王小明',
                         age: 18,
-                        address: '北京市朝阳区芍药居'
+                        address: '北京市朝阳区芍药居',
+                        date: '2016-10-03'
                     },
                     {
                         name: '张小刚',
                         age: 25,
-                        address: '北京市海淀区西二旗'
+                        address: '北京市海淀区西二旗',
-                    },
+                        date: '2016-10-01'
-                    {
-                        name: '李小红',
-                        age: 30,
-                        address: '上海市浦东新区世纪大道'
-                    },
-                    {
-                        name: '周小伟',
-                        age: 26,
-                        address: '深圳市南山区深南大道'
                     }
                 ]
             }
-        },
-        computed: {
-            ttt () {
-                return this.data1 + 1;
-            }
-        },
-        methods: {
-            show (index) {
-                this.$Modal.info({
-                    title: '用户信息',
-                    content: `姓名：${this.data6[index].name}<br>年龄：${this.data6[index].age}<br>地址：${this.data6[index].address}`
-                })
-            },
-            remove (index) {
-                this.data6.splice(index, 1);
-            },
-            handleAdd () {
-                this.data1++;
-            },
-            handleClick () {
-                this.$Message.info('111')
-            }
         }
     }
 </script>

src/components/table/cell.vue

@@ -55,6 +55,7 @@
                     if (Table.context) isRealRender = false;
 
                     if (isRealRender) {
+                        this.$el.innerHTML = '';
                         const component = new Vue({
                             functional: true,
                             render: (h) => {