vue-table2next 0.0.6 → 0.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-table2next",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "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)"
@@ -373,9 +373,17 @@ export default {
       return this.tableData && typeof(this.tableData[0][this.trackBy]) !== 'undefined'
     },
     countVisibleFields () {
-      return this.tableFields.filter( (field) => {
-        return field.visible
-      }).length
+      let count = 0;
+
+      this.tableFields.forEach(field => {
+        if (field.children && Array.isArray(field.children)) {
+          count += field.children.length;
+        }
+
+        count++;
+      })
+
+      return count;
     },
     countTableData () {
       if (this.tableData === null) {