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

<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>