Hola.
Necesito crear filas de manera dinamica para una tabla, hasta aqui no hay problema, puedo crear hasta n filas, el problema es que el alto de la pagina se va extendiendo, así que opte por crear una nueva columna pero aun no logro hacerlo, todo esto con javascript.

Aqui el código que tengo del script

<script language="javascript" type="text/javascript">
	var posicionCampo=1;
 
	function agregarEquipo(){
		nuevaFila = document.getElementById("equipos").insertRow(-1);
    	nuevaFila.id=posicionCampo;
 
 
		if(esImpar(posicionCampo)){
			nuevaCelda=nuevaFila.insertCell(-1);
			nuevaCelda.innerHTML="<tr id='impar'><td><input type='text' size='30' maxlength='50' id='txtEquipo"+posicionCampo+"' name='txtEquipo"+posicionCampo+"' class='required' onBlur='valida(this)'></td>";
			nuevaCelda=nuevaFila.insertCell(-1);
			nuevaCelda.innerHTML="<td><a onclick='eliminarEquipo(this)'><font color='#FF3333'><u>Eliminar</u></font></a></td></tr>";
		}else{
			nuevaCelda=nuevaFila.insertCell(-1);
			nuevaCelda.innerHTML="<tr id='par'><td><input type='text' size='30' maxlength='50' id='txtEquipo"+posicionCampo+"' name='txtEquipo"+posicionCampo+"' class='required' onBlur='valida(this)'></td>";
			nuevaCelda=nuevaFila.insertCell(-1);
			nuevaCelda.innerHTML="<td><a onclick='eliminarEquipo(this)'><font color='#FF3333'><u>Eliminar</u></font></a></td></tr></tr>";
		}
		var total = document.getElementById( "txtTotal" );
		total.value = posicionCampo;
 
		posicionCampo++;
 
	}
</script>
 

Aquí como tengo inicialmente la estructura de la tabla.

<table id="equipos" border="0">
    <tr id="impar"></tr>
    <tr id="par"></tr>
  </table>
 

Alguien sabe como puedo solucionarlo?.

Gracias

Gracias.
Al final opté por hacerlo de otra forma, la verdad estuve revisando y no miré que ya habías propuesto una solución.


Saludos