Como aplicar un ordeno burbuja a una tabla?

[milomondo]

Que rapida respuesta, y perdona mi ignorancia, pero:
Sinceramente no estoy seguro de a que te refieres con lo de un servidor, yo creo que no, los datos solo se guardan en un Array(), luego de cerrar el programa estos desaparecen tambien.
Y esos datos los manejo yo con estas funciones, todas en Javascript si.

Inenté supolantando la funcion, pero al ser datos dinamicos no puedo definir "puntos" como me los muestras, no estoy muy seguro si tiene alguna logica,pero tambien intenté asi:

Código Javascript:

var puntos = ['Nombres[0]|Apellidos[0]|Numeros[0]|Escuderias[0]|','Nombres[1]|Apellidos[1]|Numeros[1]|Escuderias[1]|','Nombres[2]|Apellidos[2]|Numeros[2]|Escuderias[2]|','Nombres[3]|Apellidos[3]|Numeros[3]|Escuderias[3]|'];
 

Pero me aparecen bajo la tabla como texto, y ese ni es el menor problema, ya que aparecen todas al mismo tiempo.Y en mi caso, yo quiero que aparescan de a uan las filas a medida que las voy ingresando.
Como hace la primera funcion que aqui compartí.
Si una persona crea esos array's y agrega los datos dinamincamente ingresnadolos desde una casillas de texto, las filas aparecen a medida que se ingresan los datos, yo quiero que luego estas se actualizen solas o al hacer click en algun boton segun quien tiene mayor numero.

estas son las casillas que yo uso, con su boton, cadadato se guarda en un array:

Código Javascript:

<legend align="left"><b><font color="white">Registrase :<font></b></legend>
<P align="left"><input id= "Inombre" type="text"><b><font color="white">  Ingrese su nombre</font> 
<P align="left"><input id= "Iapellido" type="text"><b><font color="white">  Ingrese su apellido</font></p>
<P align="left"><input id= "Iescuderia" type="text"><b><font color="white">  Ingrese escudería</font></p>         
<P align="left"><input id= "Inumero" type="text"><b><font color="white">  Ingrese nº.De auto</font></p>
<P align="left"><input id= "Icarga" type="text"><b><font color="white">  Ingrese carga inicial</font></p>
<P align="left"><input id= "Irecarga" type="text"><b><font color="white">  Ingrese recarga</font></p>
<P align="left"><button type="button" style="border: 0px"  class="BTN_TRANS" , id="aceptar" onClick="principal(); agregaFila('mitabla')" " "><img src="accept.jpg"></button></p><br><br>
</fieldset></p>
 

Estos son los array:

Código Javascript:

var Nombres = new Array();
var Apellidos = new Array();
var Escuderias = new Array();
var Numeros = new Array();
 
Nombres [Nombres.length] = Nombre;
            $("#Inombre").val ("");
            Apellidos [Apellidos.length] = Apellido;
            $("#Iapellido").val ("");
            Escuderias [Escuderias.length] = Escuderia;
            $("#Iescuderia").val ("");
            Numeros [Numeros.length] = Numero;
            $("#Inumero").val ("");
 

Justamente como yo soy un novato en esto, estaba buscando intentar ordenar la tabla on el ordeno burbuja que es el unico que se, pero cualquier cosa me serviviera en cuanto tenga la misma funcion.
Es solo que ahora intento con este metodo y no consigo resultados.