Updated

Author: djthorpe

example/index.html

@@ -13,7 +13,7 @@
     <js-container>
         <js-tag transform="uppercase">Data</js-tag>
         <!-- where the data comes from -->
-        <js-provider id="provider" path="data.json"></js-provider>
+        <js-provider id="provider" path="data.json" interval="5"></js-provider>
 
         <!-- model -->
         <js-array id="array" provider="#provider"></js-array>

src/element/TableBodyElement.js

@@ -109,22 +109,21 @@ export class TableBodyElement extends LitElement {
   }
 
   #renderColumns(row) {
-    if (!row) {
-      return html``;
-    }
+    let columns = [];
+
     if (row instanceof Object) {
-      let columns = [];
       for (let key in row) {
         if (this.columns.indexOf(key) === -1) {
           this.columns.push(key);
         }
         columns.push(html`<td><div class="wrap">${this.#renderCell(row[key])}</div></td>`);
       }
-      return columns;
+    } else {
+      this.columns.push('value');    
+      columns.push(html`<td>${this.#renderCell(row)}</td>`);
     }
 
-    // TODO: Other types
-    return html``;
+    return columns;
   }
 
   #renderCell(cell) {

src/element/TableHeadElement.js

@@ -55,7 +55,6 @@ export class TableHeadElement extends LitElement {
   }
 
   #renderColumns(row) {
-    console.log(row);
     const columns = new Array();
     for (let cell in row) {
       columns.push(html`<th>${this.#renderCell(row[cell])}</th>`);