Exibir campos em table

[Fabricio Franco]

      Pessoal estou montando um sistema de almoxarifado para um negócio local. Na hora de exibir dados vindos de um Json.Parse(data), gostaria de jogar todas as instâncias para uma <table> criada dinamicamente usando Jquery/Javascript. Porém já tentei de várias maneiras e não consegui, ele simplesmente não joga nada dentro da tabela, deixando ela vazia.

 

Codigo:

 

<script type="text/javascript">
 	$(document).ready(function(){
		
		$("#tabela-materiais").hide();	
		$("#bot-buscar").click(function(){
			
				 var valor = $(".txtbusca").val();
				
				 $.post( 
                  "result.php",
                  { name: valor },
                  function(data) {
						
						var item = JSON.parse(data);					
						alert(item.nome); 
						
						var nome = item.nome;
						var qtde = item.quantidade;
						var cozinha = item.cozinha;
						
						$('#nome-item').val(nome);
						$('#quantidade-item').val(qtde);
						$('#cozinha-item').val(cozinha);
						
                  }
				 );
				 				 
				 $("table#tabela-materiais").append( "<thead><tr><th>Nome</th> <th>Quantidade</th> <th>Cozinha</th></tr></thead>");
				 
					
				 $("#tabela-materiais").show();	
				 $("#tabela-materiais").dataTable();	
						
		});
		
		
	});
 </script>

 

 

 

[JonathanMMachado]

Já que você está usando o datatable porque já não usa as opções do datatable pra preencher a tabela?

 

Exemplo:

 

$.post(
    "result.php",
    { name: valor },
    function(data) {
        var item = JSON.parse(data);
        
        var nome = item.nome;
        var qtde = item.quantidade;
        var cozinha = item.cozinha;

        var optionsTable = {
            "data": [
                [nome, qtde, cozinha]
            ],
            "aoColumnDefs": [
                {"aTargets": 0, "sTitle": "Nome"},
                {"aTargets": 1, "sTitle": "Quantidade"},
                {"aTargets": 2, "sTitle": "Cozinha"},
            ]
        };
        $('#tabela-materiais').DataTable(optionsTable);   
    }
);

Obs.: Não tenho certeza se o código está certo. Mas é algo do tipo.

Caso não queira fazer com as opções do datatable, tenha certeza que a sua tabela está tendo thead e tbody (insira o html da consulta se possível). Pois o datatable é bem chatinho com essas coisas.