Tabela dinâmica JQUERY?

[Mts_Mello 0]

Olá pessoal do IMASTERS,

 

Tenho uma duvida que estou há muito tempo tentando arrumar mas nao consegui.

 

Como eu faço para criar uma tabela dinâmica com JQUERY?

 

O problema é o seguinte:

Eu tenho uma pagina index.php

Nesta pagina, por meio do método $.post() eu busco todos os dados que eu vou precisar para a tabela, que será montada na pagina index.php

 

O problema surge quando o callback do $.post() irá me retornar todos os dados para a tabela, como eu arrumo isso?

de modo que fique certinho como uma tabela normal?

 

 

Espero que tenha ficado claro o suficiente ;/

 

Qualquer coisa eu tento exemplificar melhor

 

Espero que possam me ajudar =D

[fabiapo 0]

Eu fiz da seguinte forma:

// Ao selecionar a aba de usuários no grupo

 

	$("#ConUsuarioGrupo").click(function(){
                // Desabilitar o botão enviar
                $("#sub_Salvar").attr("disabled", true);

                // Capturar o valor de id do grupo e verifica se já foi na base consultar usuarios no grupo.
		var idef_grupo=$("#hdn_IdGrupo").val();
                var consulta = $("#hdn_ConsUsuarioGrupo").val();

                // Se o id do grupo estiver preenchido e não tiver sido feita a consulta
		if ((idef_grupo!='') && (consulta!='S'))
		{
                        // Remova a tabela usuário grupo
                        $("#TabelaUsuarioGrupo").remove();

			$("#hdn_ConsUsuarioGrupo").val('S');

                        //cria a tabela usuário grupo com seu cabeçalho após a div UsuarioGrupo.
                        $("<form method='post' action='cad_usuariogrupo.php' id='Envia_UsuarioGrupo'>").html("<table class='bordasimplesgrid' style='width:80%' id='TabelaUsuarioGrupo'><thead><tr><th width='1%'><input type='submit' id='btn_ExcluiUsuarioGrupo' name='btn_ExcluiUsuarioGrupo' value='Excluir' class='submit' /><br/></th><th width='30%'>Grupo</th><th width='40%'>Usuário</th></tr></thead><tbody id='tbodyTabelaUsuarioGrupo'></tbody>").appendTo("#UsuarioGrupo");

                        // Popula a tabela com o xml gerado
                        $.post("con_unico_usuariogrupo.php",{grupo:idef_grupo}, function(resposta){
				
                                var qtd_registros=$(resposta).find( "qtd_registros" ).text();

                                if(qtd_registros>0)
                                {
                                        //Lê a estrutura XML que está no documento PHP e pega os valores.
                                        $(resposta).find("usuariogrupo").each(
                                                function()
                                                {
                                                        var id_grupo = $(this).find( "id_grupo" ).text(); 
                                                        var nm_grupo = $(this).find( "nm_grupo" ).text();
                                                        var id_usuario = $(this).find( "id_usuario" ).text(); 
                                                        var nm_usuario = $(this).find( "nm_usuario" ).text(); 
                                                        var cd_identificador = $(this).find( "cd_identificador" ).text(); 
                                                        var st_gestor_principal = $(this).find( "st_gestor_principal" ).text(); 
                                                        var st_gestor_grupo = $(this).find( "st_gestor_grupo" ).text(); 
                                                        var st_banco_solucao = $(this).find( "st_banco_solucao" ).text(); 
                                                        var st_grupo_principal = $(this).find( "st_grupo_principal" ).text(); 
                                                        var dt_usuariogrupo_inclusao = $(this).find( "dt_usuariogrupo_inclusao" ).text(); 
                                                        var nm_usuario_inclusao = $(this).find( "nm_usuario_inclusao" ).text();
                                                        var dt_usuariogrupo_alteracao = $(this).find( "dt_usuariogrupo_alteracao" ).text();
                                                        var nm_usuario_alteracao = $(this).find( "nm_usuario_alteracao" ).text(); 
                                                        // parametros devem vir do xml pois o jquery não interpreta aspas indicando string. Se deixarmos sem, ele não interpreta os espaços do nome do usuário. 
                                                        var parametros = $(this).find( "parametros" ).text();  
                
                                                        $("<tr align='center'></tr>").html("<td><input type='checkbox' name='chk_UsuarioGrupo[]' id='chk_UsuarioGrupo' class='radiobutton' value='"+id_grupo+"/"+id_usuario+"'/></td><td><a href='#' onclick='cap_valores("+parametros+")'>"+nm_grupo+"</td>"+"<td>"+nm_usuario+"</a></td>").appendTo("#tbodyTabelaUsuarioGrupo");
                                               });
                                }
                                else
                                {
                                        $("<tr></tr>").html("<td colspan='4' align='center'>Não existem usuários relacionados ao grupo selecionado.<br/></td>").appendTo("#tbodyTabelaUsuarioGrupo");
                                }

                                $("</table>").html;
                                $("</form>").html;

			},"xml");
                       
		}

                if (idef_grupo=='')
                {
                        $("#TabelaUsuarioGrupo").remove();

                        $("<table class='bordasimplesgrid' style='width:80%' id='TabelaUsuarioGrupo' border='1'>").html("<thead><tr><th width='5%'></th><th width='30%'>Grupo</th><th width='40%'>Usuário</th></tr></thead><tbody id='tbodyTabelaUsuarioGrupo'><tr><td colspan='4' align='center'>Não existem registros relacionados ao grupo selecionado. Selecione um grupo, valide-o e tente novamente. <br/></td></tr></tbody></table>").appendTo("#UsuarioGrupo");
                }

                $("#btn_ExcluiUsuarioGrupo").click(function(){
                        return false;
                 });
	});

Espero que possa ter te ajudado.