update

resources/assets/js/components/dataViews/vueListView/VueListView.vue

@@ -1,43 +1,29 @@
 <template>
   <div class="pm-vue-list-view" :height="height">
     <div class="pm-vue-list-view-container">
-      <div
-        class="pm-vue-list-view-body"
-        :style="{height: height + 'px'}"
-      >
-        <vue-list v-for="item in data" :key="item.id" :item="item" :options="options"> 
+      <div class="pm-vue-list-view-body" :style="{ height: height + 'px' }">
+        <vue-list
+          v-for="item in data"
+          :key="item.id"
+          :item="item"
+          :options="options"
+        >
           <b-row>
-            <b-col sm="5">
-              <slot
-                v-for="column in chunkColumns[0]"
-                :name="column"
-                :item="item"
-                :column="column"
-                :headings="options.headings"
-                ref="containerList"
-              ></slot>
-            </b-col>
-            <b-col sm="5">
-              <!-- <slot
-                name="send_by"
-                :item="item"
-                column="send_by"
-                :headings="options.headings"
-              ></slot> -->
-               <slot
-                v-for="column in chunkColumns[1]"
-                :name="column"
-                :item="item"
-                :column="column"
-                :headings="options.headings"
-                ref="containerList"
-              ></slot>
+            <b-col sm="10">
+              <b-row>
+                <b-col sm="5" v-for="column in options.columns" :key="column">
+                  <slot
+                    :name="column"
+                    :item="item"
+                    :column="column"
+                    :headings="options.headings"
+                  >
+                  </slot>
+                </b-col>
+              </b-row>
             </b-col>
             <b-col sm="2">
-              <slot
-                name="actions"
-                :item="item"
-              ></slot>
+              <slot name="actions" :item="item"></slot>
             </b-col>
           </b-row>
         </vue-list>
@@ -63,22 +49,11 @@ export default {
   data() {
     return {
       loadMore: this.$t("ID_LOAD_MORE"),
-      chunkColumns: []
+      chunkColumns: [],
     };
   },
-  mounted() {
-    this.chunkColumns = this.chunkArray(this.options.columns, 2);
-    debugger
-  },
+  mounted() {},
   methods: {
-    chunkArray(array, size) {
-      let result = [],
-        arrayCopy = [...array];
-      while (arrayCopy.length > 0) {
-          result.push(arrayCopy.splice(0, size));
-      }
-      return result;
-    },
     classBtn(cls) {
       return "btn btn-slim btn-force-radius v-btn-header " + cls;
     },
@@ -86,10 +61,10 @@ export default {
      * Filter the column send_by
      */
     filterOptions() {
-      this.options.columns = this.options.columns.filter(function(item) {
+      this.options.columns = this.options.columns.filter(function (item) {
         return item !== "send_by";
       });
-    }
+    },
   },
 };
 </script>