From 0ae9c8f9697221c0b0e47fe79e798fc41c17602e Mon Sep 17 00:00:00 2001
From: Peter Olu <pemeraldy@gmail.com>
Date: Thu, 19 May 2022 09:08:19 +0100
Subject: [PATCH] modified display of rows to show data based on colum isVisble
 prop

---
 src/views/dashboard/related/components/LogTable/LogService.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/views/dashboard/related/components/LogTable/LogService.vue b/src/views/dashboard/related/components/LogTable/LogService.vue
index c91b1efe..bcaa41e0 100644
--- a/src/views/dashboard/related/components/LogTable/LogService.vue
+++ b/src/views/dashboard/related/components/LogTable/LogService.vue
@@ -15,7 +15,7 @@ limitations under the License. -->
 
 <template>
   <div @click="showSelectSpan" class="log-item">
-    <div v-for="(item, index) in columns" :key="index" :class="item.label">
+    <div v-for="(item, index) in visibleColumns" :key="index" :class="item.label">
       <span v-if="item.label === 'timestamp'">
         {{ dateFormat(data.timestamp) }}
       </span>
@@ -43,6 +43,7 @@ const props = defineProps({
 });
 const emit = defineEmits(["select"]);
 const columns = ServiceLogConstants;
+const visibleColumns = computed(() => columns.filter(column => column.isVisible))
 const tags = computed(() => {
   if (!props.data.tags) {
     return "";