Simple Tables will not show table header if absent

jolzee · Mar 6, 2020 · 77e8a0d · 77e8a0d
1 parent 7e802d3
commit 77e8a0d
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/src/components/ChatTeneoResponse.vue b/src/components/ChatTeneoResponse.vue
@@ -129,7 +129,7 @@
             :height="extension.maxHeight ? extension.maxHeight : undefined"
           >
             <template v-slot:default>
-              <thead>
+              <thead v-if="hasHeaders(extension)">
                 <tr>
                   <th
                     v-for="header in extension.headers"
@@ -773,6 +773,17 @@ export default {
     }
   },
   methods: {
+    hasHeaders(extension) {
+      let hasHeaders = false;
+      if (extension.headers) {
+        extension.headers.forEach(header => {
+          if (header.trim() !== "") {
+            hasHeaders = true;
+          }
+        });
+      }
+      return hasHeaders;
+    },
     addAccessibilityPrefix(text) {
       const prefix508 = `<span class="sr-only">Chat bot said.</span>`;
       if (!isHtml(text)) {