Ordenar tabla con td's ocultos

[Phoenix_uy]

Hola, les tengo una consulta... tengo una tabla la cual cada <td> tiene una tabla adentro con una clase llamada "cnt" y otra que corresponde a una letra.
Con ésto, lo que hago es utilizando una funcion javascript y teniendo una lista de letras con labels que en el onclick van a esa funcion, ocultan o muestran dependiendo de la letra, la tabla correspondiente. La funcion es la siguiente:

Código:

function order(letter) {
               if (letter == "all") {
                   $(".cnt").show();
               }
               else {
                   $(".cnt").each(function(i, element) {
                       if ($(this).hasClass(letter)) {
                           $(this).show();
                       }
                       else
                           $(this).hide();
                   });
               }
           }

El problema es que ésto no me posisiona los datos visibles de tal manera que queden bien alineados en una cuadrícula, es decir, queda algo así (siendo los espacios, las tablas ocultas).

_______
A B C D
E F G H
I J K
-----------
no se si me explico, pero espero me puedan entender y me puedan dar alguna solución, muuchas gracias!

[mayid]

La solucion es que dejes de usar tablas, y empieces a usar divs.

#contenedor{ width:92px}
.fila{ float: left; width: 30px}

<div id="contenedor">
<div class="fila"></div><div class="fila"></div><div class="fila"></div>
<div class="fila"></div><div class="fila"></div><div class="fila"></div>
<div class="fila"></div><div class="fila"></div><div class="fila"></div>
</div>

[Phoenix_uy]

mayid, me es imposible dejar de usar tablas para esa pagina.. por eso estoy buscando una solución sin div's.

Gracias por responder.

[mayid]

Entonces proba quitarle el ancho a la celda:

$(this).hide().css("width","1px");

Pero no se como funciona el css en las tablas. Vos sabes?