Entiendo cómo funciona el ciclo aquí, pero estoy un poco confundido en cuanto a cómo puedo seguir reescribiendo la variable data y aún así devuelve todo el cuerpo <tr> .

Hubiera esperado que la última declaración </tr> fuera el valor final de data pero de alguna manera incluye todo y devuelve un bloque HTML completo.

Pregunta de novato, pero no puedo resolverlo. Nunca he trabajado con HTML como este.

 let data = ""; if (this.tasks.length > 0) { for (let i = 0; i < this.tasks.length; i++) { data += '<tr>' data += '<td>'+(i+1)+". " + this.tasks[i] + '</td>'; data += '<td><button onclick="app.Edit(' + i + ')" class="btn btn-warning">Edit</button></td>'; data += '<td><button onclick="app.Delete(' + i + ')" class="btn btn-danger">Delete</button></td>'; data += '</tr>'; } }