update Table

update Table

update Table
梁灏
1 parent 9f853e3e
Showing 3 changed files with 22 additions and 7 deletions Show diff stats
src/components/table/table-body.vue
src/components/table/table.vue
test/routers/table.vue
@@ -45,13 +45,13 @@
                     `${this.prefixCls}-row`,
                     this.rowClsName(_index),
                     {
-                        [`${this.prefixCls}-row-highlight`]: this.objData[_index]._isHighlight,
-                        [`${this.prefixCls}-row-hover`]: this.objData[_index]._isHover
+                        [`${this.prefixCls}-row-highlight`]: this.objData[_index] && this.objData[_index]._isHighlight,
+                        [`${this.prefixCls}-row-hover`]: this.objData[_index] && this.objData[_index]._isHover
                     }
                 ]
             },
             rowChecked (_index) {
-                return this.objData[_index]._isChecked;
+                return this.objData[_index] && this.objData[_index]._isChecked;
             },
             setCellWidth (column, index) {
                 return this.$parent.setCellWidth(column, index);
@@ -338,7 +338,7 @@
                 const key = this.cloneColumns[index].key;
                 if (this.cloneColumns[index].sortable !== 'custom') {    // custom is for remote sort
                     if (type === 'normal') {
-                        this.rebuildData = this.makeData();
+                        this.rebuildData = this.makeDataWithFilter();
                     } else {
                         this.rebuildData = this.sortData(this.rebuildData, type, index);
                     }
@@ -415,6 +415,16 @@
                 if (sortType !== 'normal') data =  this.sortData(data, sortType, sortIndex);
                 return data;
             },
+            makeDataWithFilter () {
+                let data = this.makeData();
+                this.cloneColumns.forEach(col => data = this.filterData(data, col));
+                return data;
+            },
+            makeDataWithSortAndFilter () {
+                let data = this.makeDataWithSort();
+                this.cloneColumns.forEach(col => data = this.filterData(data, col));
+                return data;
+            },
             makeObjData () {
                 let data = {};
                 this.data.forEach((row, index) => {
@@ -473,7 +483,7 @@
             data: {
                 handler () {
                     this.objData = this.makeObjData();
-                    this.rebuildData = this.makeData();
+                    this.rebuildData = this.makeDataWithSortAndFilter();
                     this.handleResize();
                 },
                 deep: true
@@ -481,6 +491,7 @@
             columns: {
                 handler () {
                     this.cloneColumns = this.makeColumns();
+                    this.rebuildData = this.makeDataWithSortAndFilter();
                     this.handleResize();
                 },
                 deep: true
@@ -25,6 +25,7 @@
             <!--<div slot="footer">表格标题</div>-->
         </i-table>
         <br>
+        <i-button @click="showChildren">显示子节点</i-button>
         <!--<i-table size="small" border stripe :columns="columns" :data="data"></i-table>-->
     </div>
 </template>
@@ -219,6 +220,9 @@
             },
             sortChange (data) {
                 console.log(data)
+            },
+            showChildren () {
+                console.log(this.$children)
             }
         },
         ready () {
@@ -233,8 +237,8 @@
 //                    address: '北京市东城区2',
 //                    edit: false
 //                });
-//                this.data.splice(0, 1)
-//                this.columns.splice(2,1)
+//                this.data.splice(0, 1);
+                this.columns.splice(2,1)
             }, 3000);
         }
     }