vue-table2next 0.0.7 → 0.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-table2next",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "Datatable component for Vue 2.x",
   "main": "dist/vuetable-2.js",
   "license": "MIT",

package/src/components/Vuetable.vue

@@ -45,7 +45,7 @@
                   <template v-if="field.children && Array.isArray(field.children)">
                     <component v-for="(fieldChildren, fieldChildrenIndex) in field.children"
                                :is="fieldChildren.name"
-                               :key="'child_td_'+ fieldChildrenIndex"
+                               :key="'child_td_'+ fieldChildren.name"
                                :row-data="item" :row-index="itemIndex" :row-field="field"
                                :vuetable="vuetable"
                                :class="bodyClass('vuetable-component', field)"
@@ -77,7 +77,7 @@
                   <template v-if="field.children && Array.isArray(field.children)">
                     <td v-for="(fieldChildren, fieldChildrenIndex) in field.children"
                         :class="bodyClass('vuetable-td-'+fieldChildren.name, fieldChildren)"
-                        :key="'child_td_'+ fieldChildrenIndex"
+                        :key="'child_td_'+ fieldChildren.name"
                         :style="{width: fieldChildren.width}"
                         v-html="renderNormalField(fieldChildren, item)"
                         @click="onCellClicked(item, itemIndex, fieldChildren, $event)"
@@ -353,6 +353,7 @@ export default {
       lastScrollPosition: 0,
       scrollBarWidth: '17px', //chrome default
       scrollVisible: false,
+      sortColumnState: 0,
       $_css: {}
     }
   },
@@ -879,6 +880,15 @@ export default {
     },
 
     singleColumnSort (field) {
+      this.sortColumnState++;
+
+      if (this.sortColumnState > 2) {
+        this.sortColumnState = 0;
+        this.removeSortColumn(0)
+
+        return;
+      }
+
       if (this.sortOrder.length === 0) {
         // this.clearSortOrder()
         this.addSortColumn(field, 'asc')

package/src/components/VuetableRowHeader.vue

@@ -119,6 +119,11 @@ export default {
 
     sortIcon (field) {
       let cls = this.css.sortableIcon
+
+      if (this.sortColumnState === 0) {
+        return cls;
+      }
+
       let i = this.currentSortOrderPosition(field)
 
       if (i !== false) {