updated app

node_modules/derby-examples/sink/views/app/tableEditor.html

@@ -0,0 +1,25 @@
+<Body:>
+  <button x-bind="click: tableEditor.addRow">Add row</button> 
+  <button x-bind="click: tableEditor.addCol">Add column</button>
+  <hr>
+  <table>
+    <tr>
+      <td></td>
+      {#each table.cols}
+        <th x-bind="mousedown: tableEditor.colDown" class=col>{.name}</th>
+      {/}
+      <td></td>
+    </tr>
+    {#each table.rows}
+      <tr class=row>
+        <th x-bind="mousedown: tableEditor.rowDown">{.name}</th>
+        {#each .cells}<td><input value={.text}></td>{/}
+        <td><button x-bind="click: tableEditor.deleteRow">Delete</button></td>
+      </tr>
+    {/}
+    <tr class=foot>
+      <td></td>
+      {#each table.cols}<td><button x-bind="click: tableEditor.deleteCol">Delete</button></td>{/}
+      <td></td>
+    </tr>
+  </table>