agrandar tabla segun vayas agregando registros

[xfxstudios]

yo utilice este script:

Código Javascript:

<![CDATA[ 
 
var posicionCampo = 1; 
 
 
function agregarUsuario() { 
 
    nuevaFila = document.getElementById("tablatracking").insertRow(-1); 
 
    nuevaFila.id = posicionCampo; 
 
    nuevaCelda = nuevaFila.insertCell(-1); 
 
    nuevaCelda.innerHTML = "<td><input type='text' size='20' name='empresa[" + posicionCampo + "]' value='' placeholder=' Ej. UPS, FedEx, Lasership...' tooltipText='Ej. FedEx, UPS, Lasership, etc' required></td>"; 
 
    nuevaCelda = nuevaFila.insertCell(-1); 
 
    nuevaCelda.innerHTML = "<td><input type='text' size='20' name='tracking[" + posicionCampo + "]' value='' placeholder=' Tracking' tooltipText='Número de Tracking' required></td>";
 
    nuevaCelda = nuevaFila.insertCell(-1); 
 
    nuevaCelda.innerHTML = "<td><input type='button' id='eliminar' value='Eliminar' onclick='eliminarUsuario(this)'></td>"; 
 
    nuevaCelda = nuevaFila.insertCell(-1); 
 
    nuevaCelda.innerHTML = "<td><input type='hidden' size='1' name='email[" + posicionCampo + "]' value='<?php echo $row_datos['email'] ?>'></td>"; 
 
    nuevaCelda = nuevaFila.insertCell(-1); 
    
    nuevaCelda.innerHTML = "<td><input type='hidden' size='15' name='nombre[" + posicionCampo + "]' value='<?php echo $row_datos['nombre'] ?>'/></td>"; 
 
    nuevaCelda = nuevaFila.insertCell(-1); 
    
    nuevaCelda.innerHTML = "<td><input type='hidden' size='1' name='cedula[" + posicionCampo + "]' value='<?php echo $row_datos['cedula'] ?>'/></td>"; 
 
    nuevaCelda = nuevaFila.insertCell(-1); 
    
    nuevaCelda.innerHTML = "<td><input type='hidden' size='1' name='estatus[" + posicionCampo + "]' value='En Transito'/></td>"; 
 
    nuevaCelda = nuevaFila.insertCell(-1); 
    
    nuevaCelda.innerHTML = "<td><input type='hidden' size='1' name='lugar[" + posicionCampo + "]' value='No_entregado'/></td>"; 
 
    nuevaCelda = nuevaFila.insertCell(-1); 
    
    nuevaCelda.innerHTML = "<td><input type='hidden' size='1' name='fecha_registro[" + posicionCampo + "]' value='<?php echo date('Y-m-d'); ?>'/></td>"; 
 
    nuevaCelda = nuevaFila.insertCell(-1); 
    
    nuevaCelda.innerHTML = "<td><input type='hidden' size='1' name='fecha_estatus[" + posicionCampo + "]' value='<?php echo date('Y-m-d '); ?>'/></td>"; 
 
    posicionCampo++; 
 
} 
 
 
function eliminarUsuario(obj) { 
 
    var oTr = obj; 
 
    while(oTr.nodeName.toLowerCase() != 'tr') { 
 
        oTr=oTr.parentNode; 
 
    } 
 
    var root = oTr.parentNode; 
 
    root.removeChild(oTr); 
 
}
 

el cual me genera una fila nueva presionando un boton y de igual manera me permite eliminar las filas con otro boton, y este es mi formulario:

Código HTML:

<form action="exito_alerta.php" method="post" enctype="multipart/form-data"><table id="tablatracking"> 
        <tbody> 
         <tr> 
                <td align="left"><input onclick="agregarUsuario()" type="button" value="Agregar Registro" id="boton_agregar"></td> 
            </tr>
            <tr> 
                <td width="228" id="titulo">Empresa<br>
                                            Ej. UPS, FedEx, etc.</td>
                <td width="290" id="titulo">Codigo<br>
                                            Tracking</td>
                <td width="33" ></td> 
                <td width="24" ></td> 
                <td width="24" ></td> 
                <td width="74" ></td>
                <td width="74" ></td>
                <td width="74" ></td>
                <td width="75"></td>
            </tr> 
        </tbody> 
    </table>
 

con la tabla que se va a repetir, a mi me funciona perfecto