src/components/TableView.vue

@@ -4,13 +4,6 @@
     class="table_view"
   >
     <table>
-      <tr v-if="headings.length > 0">
-        <th
-          v-for="(heading,key) of headings"
-          :key="key"
-          v-text="heading"
-        />
-      </tr>
       <tr
         v-for="(item,key) of items"
         :key="key"
@@ -37,10 +30,6 @@ export default {
     columns: {
       type:     Array,
       required: true
-    },
-    headings: {
-      type:    Array,
-      default: () => []
     }
   },
   methods: { resolve_data }
@@ -49,7 +38,7 @@ export default {
 
 <style>
 .table_view {
-  overflow-y: scoll;
+  overflow: auto;
   width: max-content;
   max-width: 100%;
   max-height: 100vh;
@@ -65,7 +54,7 @@ tr:nth-child(odd) {
   color: var(--color-accent);
 }
 
-td, th {
+td {
   border: var(--sub-container-border);
   padding: 3px;
 }

src/components/ViewComponent.vue

@@ -10,7 +10,6 @@
     v-else
     :items="data"
     :columns="config.columns"
-    :headings="config.headings"
   />
 </template>
 

src/default.js

@@ -6,10 +6,17 @@
  */
 
 export default {
-  sources: [
+  sources:  [
-    { name: 'default', limit: 140, offset: 0 },
+    {
-    { name: 'secondary', limit: 10, offset: 0 },
+      name:   'default',
-    { name: 'version', limit: 1, offset: 0 }
+      limit:  140,
+      offset: 0
+    },
+    {
+      name:   'secondary',
+      limit:  10,
+      offset: 0
+    }
   ],
   displays: [
     {
@@ -43,31 +50,12 @@ export default {
       ]
     },
     {
-      source:   'secondary',
+      source:  'secondary',
-      type:     'table',
+      type:    'table',
-      headings: [
-        'timestamp',
-        'temperature',
-        'humidity',
-        'light',
-        'fan'
-      ],
       columns: [
         'timestamp',
-        'data/temperature',
+        'data'
-        'data/humidity',
-        'data/light',
-        'data/latch'
       ]
-    },
-    {
-      source:            'version',
-      type:              'table',
-      headings:          [ 'hardware version' ],
-      columns:           [ 'message' ],
-      x:                 '',
-      y:                 [],
-      remove_duplicates: false
     }
   ]
 };

src/template.js

@@ -47,12 +47,6 @@ export default {
               'chart'
             ]
           },
-          {
-            name:  'headings',
-            type:  'array',
-            child: { type: 'string' },
-            if:    { prop: 'type', op: '=', val: 'table' }
-          },
           {
             name:  'columns',
             type:  'array',