Initial

src/app/todo-table/todo-table.html

@@ -0,0 +1,31 @@
+<p>todo-table works!</p>
+<table>
+  <thead>
+    <tr>
+      <td>Done</td>
+      <td>Name</td>
+      <td>Due</td>
+      <td>Actions</td>
+    </tr>
+  </thead>
+  <tbody>
+    @for (task of tasks.value(); track task.id) {
+    <tr>
+      <td>
+        <input
+          (change)="toggleTaskDoneStatus(task)"
+          type="checkbox"
+          name=""
+          [checked]="task.done"
+        />
+      </td>
+      <td>{{task.title}}</td>
+      <td>{{task.dueDate}}</td>
+      <td>
+        <button (click)="editTask(task)">Edit</button
+        ><button (click)="deleteTask(task)">Delete</button>
+      </td>
+    </tr>
+    }
+  </tbody>
+</table>