Número de incremento automático de HTML y JavaScript

Soy nuevo en HTML y JavaScript. Tengo un problema como este en HTML (este código a continuación solo visualiza el problema para que puedas consultarlo fácilmente).

<tr>
    <td>1</td>
    <td>Harry</td>
</tr>
<tr>
    <td>2</td>
    <td>Simon</td>
</tr>
    <td>3</td>
    <td>Maria</td>
</tr>
</tr>
    <td>4</td>
    <td>Victory</td>
</tr>

Esta es una lista de nombres, sin embargo, el problema es que en algún momento necesito agregar más nombres a esta tabla y TENGO QUE AGREGAR delante del número 1, lo que significa que debo volver a escribir la lista de números, (EX: 1 1 2 3 4 -> 1 2 3 4 5). Siento que no es una buena manera.

NOTA: No quiero cambiar la disminución del número de lista de arriba a abajo. Y este es un archivo HTML así que no puedo aplicar PHP

Cualquiera puede ayudarme a hacer el número a una variable como "i" y una función puede ayudarme a completar el incremento de variable i de arriba a abajo automáticamente como

<tr>
    <td>i</td>
    <td>Harry</td>
</tr>
<tr>
    <td>i</td>
    <td>Simon</td>
</tr>
    <td>i</td>
    <td>Maria</td>
</tr>
</tr>
    <td>i</td>
    <td>Victory</td>
</tr>

Función Fill_i por ejemplo: creo que se debe usar JavaScript en este caso. Gracias por su ayuda y sugerencia sobre este problema.

Nuevamente: no tengo permiso para usar PHP o ASP y cuando agrego un nuevo nombre, lo agrego manualmente por HTML.

Respuestas a la pregunta(6)

Su respuesta a la pregunta