flameresttable 1.0.63 → 1.0.65

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flameresttable",
-  "version": "1.0.63",
+  "version": "1.0.65",
   "main": "./src/plugin.ts",
   "repository": {
     "type": "git",

package/src/Table/Table.vue

@@ -24,7 +24,7 @@
       <!--<div>-->
 
       <!-- ЧЕКБОКСЫ -->
-      <div class="w-[21px] align-middle col-span-1" :style="'grid-column:' + 1">
+      <div class="max-w-[21px] align-middle col-span-1" :style="'grid-column:' + 1">
         <label class="checkbox" v-if="Table.opts.rowSelectors">
           <input type='checkbox' @change="CheckboxSelectionChanged($event, true)">
           <span class='indicator'></span>
@@ -32,7 +32,7 @@
       </div>
 
 
-      <template v-for="(column, key, index) in Table.columns">
+      <template v-for="(column, index) in columnsArray">
         <div v-if="column.Table.isShow" :key="'cheader_' + column.name"
           :class="' defaultHeader ' + column.Table.classesHeader"
           class="  col-span-1 align-middle border-r border-r-slate-100 px-2" :style="'grid-column:' + (index + 2)">
@@ -71,7 +71,7 @@
             </label>
           </div>
 
-          <template v-for="  (column, key, index)   in   Table.columns  ">
+          <template v-for="  (column, index)   in   columnsArray  ">
             <div v-if="column.Table.isShow" :key="'tc_' + column.name + '_row_' + (row as any).id"
               :class="' defaultCell ' + column.Table.classes"
               class=" col-span-1 align-middle border-r border-r-slate-100 px-2 last:border-r-0 last:pr-0"
@@ -405,6 +405,15 @@ export default defineComponent({
     }
 
   },
+
+  computed: {
+
+    columnsArray: function () {
+      return Object.keys(this.Table.columns).filter(r => this.Table.columns[r].Table.isShow).map(key => this.Table.columns[key])
+    }
+
+  },
+
   methods: {
     fileGetData(thisArr: any, getSource: boolean = true) {
 
@@ -446,7 +455,9 @@ export default defineComponent({
         for (const key in this.Table.RowsParams) {
           this.Table.RowsParams[key].selected = event.target.checked
         }
-    }
+    },
+
+
   },
 
 })