Fill screen with data from an auxiliary table

Question

I created a Service Order registration, the insertion is working perfectly, I’m trying to create the change page, this screen brings all the data, I just can’t list the items in the table.

Follows the codes.

CONTROLLER:
        public JsonResult PreencheOrdemServicoDetalheServico(string _codigo)
        {
            OrdemServicoDetalheServico ObjOrdemServicoDetalheServico = new OrdemServicoDetalheServico();
            ObjOrdemServicoDetalheServico.IdOrdemServico = _codigo;

        List<OrdemServicoDetalheServico> OrdemServicoDetalheServico = objOrdemServicoDetalheServicoNeg.findAllPorOS(_codigo);



        return Json(new { OrdemServicoDetalheServico }, JsonRequestBehavior.AllowGet);
    }

---

FUNCTION: (I CREATED THE FUNCTION BECAUSE I COULD NOT BRING THE ITEM DATA WHEN LOADING THE PAGE)

 function PreencheOrdemServicoDetalheServico() {
        $.ajax({
            url: '/OrdemServico/PreencheOrdemServicoDetalheServico',
            data: { _codigo: $("#idOS").val() },
            dataType: "json",
            contentType: "application/json; charset=utf-8",
            type: "GET",
            success: function (data) {

            var result = data.Result;

            $(result).each(function (i) {

                cadeia = "<tr>"
                cadeia = cadeia + "<td>" + result[i].IdServico + "</td>";
                cadeia = cadeia + "<td>" + result[i].Descricao + "</td>";
                cadeia = cadeia + "<td>" + result[i].QuantidadeServico + "</td>";
                cadeia = cadeia + "<td>" + result[i].ValorUnitarioServico + "</td>";


                var y = 0;
                var x = 0;
                var des = 0;
                y = result[i].QuantidadeServico//$("#quantidade").val();
                x = result[i].ValorUnitarioServico//$("#preco").val();
                subtotal = (x * y); // - des;
                cadeia = cadeia + "<td>" + subtotal + "</td>"
                cadeia = cadeia + "<td><a class ='elimina'><button class='btn btn-danger' type='button'><span class='fa fa-remove'></span></button></a></td>";
                $("#detalhe tbody").append(cadeia);
                somar();
                fn_dar_eliminar();
                limpar();

            });

        },
        error: function (error) {
            alert("Erro na chamada da função Preenche Serviços");
        }
    });
}

---

TABLE (TABLE) LIST OF SERVICE ITEMS.

<table id="detalhe" class="lista table" border="1">
     <thead style="font-size:12px;">
          <tr class="bg-success">
              <th>Código</th>
              <th>Serviço</th>
              <th>Quantidade</th>
              <th>Preço</th>
              <th>Total</th>
              <th>&nbsp;</th>
          </tr>
     </thead>
<tbody></tbody>

</table>