Input+Tabela dinâmica

Olá, estou tendo problemas para criar um sistema para editar itens.

Deveria funcionar assim:

1 - Mostrar nome, imagem atual e campo para editar. (Consegui Fazer)

2 - Mostrar dados cadastrados em inputs dinâmico de uma tabela referente a este item. (Consegui parcialmente)

Consegui fazer o seguinte:

/applications/core/interface/imageproxy/imageproxy.php?img=http://img339.imageshack.us/img339/5479/55249651.jpg&key=ecfa660d9c09e8d25f2c85fec48494bdc56b8053f48349ace12c31f498f00c0a" alt="Imagem Postada" />

Acontece que a tabela que da os dados para esses inputs dinâmico, ela nãol tem sempre o mesmo números de tabelas, então eu uso o SHOW FULL COLUMNS FROM $tabela para identicar os campos que deverão ser criados.

O grande problema está em alinhar esses inputs lado a lado e quebrar a linha.

Nesta foto acima eu tenho 5 inputs e 5 linhas diferentes.

Eu quero que fique assim:

Input1 Input2 Input3 Input4 Input5

Input1 Input2 Input3 Input4 Input5

Input1 Input2 Input3 Input4 Input5

Input1 Input2 Input3 Input4 Input5

Input1 Input2 Inpumt3 Input4 Input5

Aqui tem o que eu fiz até agora, tenteu usar tabela dinâmica e não consegui.

<?php
$consulta2 = Registry::get( 'dbdados' )->sql("SHOW FULL COLUMNS FROM $tabela");
$conta = mysql_num_rows($consulta2);
$conta = $conta-1;
$consulta3 = Registry::get( 'dbdados' )->sql("SELECT * FROM $tabela ORDER BY id ASC");

while($linha = mysql_fetch_array($consulta3)){

for ($i = 1; $i <= $conta; $i++) {

?>
<script type="text/javascript">
$(document).ready(function(){

if($("input[id^='input']")){
//monta o input com a variavel id

 var HTML = '<td><div id="divinput">';
 HTML += '<div id="div-'+<?=$i?>+'">Input '+<?=$i?>+'</div>';
 HTML +='<input id="input-'+<?=$i?>+'" type="text" name="teste[]" value="<?=$linha[$i]?>"/></div></td>';
 //append no documento
 $('#containerInputs').append(HTML);
}

});
</script>
<?php
}
}
?>
<div id="containerInputs"></div>