Nunca desesperes porque es peor.
Como no me queda muy claro de dónde recibis los datos y construís los arrays correspondientes(lo hacés manualmente?, hay una base de datos?, te los genera otra script?, etc) Te pasó esto que quizás te sirva
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script type="text/javascript"> //<![CDATA[
function agregar_datos(){
var fila = "";
var contenido_celda;
var tabla = document.getElementById('mitabla');
var pos = tabla.rows.length;
var puntos = ['300|juan|ford|','500|pedro|toyota|','250|pablo|mercedes|','20|luis|audi|']; // esto es lo que hay que construir para obtener los datos
puntos.sort(); // ordenás
for (i=0; i<puntos.length; i++) {
contenido_celda =puntos[i].split('|');
var filas = tabla.insertRow(pos);
var celda_0 = filas.insertCell(0);
var celda_1 = filas.insertCell(1);
var celda_2 = filas.insertCell(2);
celda_0.innerHTML=contenido_celda[1];
celda_1.innerHTML=contenido_celda[2];
celda_2.innerHTML=contenido_celda[0];
}
}
window.onload = agregar_datos;
//]]>
<table border="1" id="mitabla">
la clave un poco es poder construir el array puntos con todos los valores necesarios.
Descuento que acá no hay nada en php y mySql, porque si no el ordenamiento lo harías desde ahi
la estilización hacela por medio de css
Saludos