<div class="contenedorConceptosFactura">
<table class="table">
    @*Encabezados de la tabla de contenido*@
    <tr>
        <th>
            No. Identificación
        </th>
        <th>
            Descripción
        </th>
        <th>
            Cantidad
        </th>
        <th>
            Recepciones
        </th>
    </tr>

    @foreach (var item in Model.modelo)
    {

            //Cada uno de los registros de la tabla
            <tr id="@contadorIdConceptosFactura">
                <td id="@noIdent">
                    @Html.DisplayFor(modelItem => item.noIdent)
                </td>
                <td id="@descripcion">
                    @Html.DisplayFor(modelItem => item.descripcion)
                </td>
                <td id="@cantidad">
                    @Html.DisplayFor(modelItem => item.cantidad)
                </td>
                // Contenedor para soltar elementos, pero solo me permite soltar uno
                <td id="@contenedorRecibo" ondrop="drop(event)" ondragover="allowDrop(event)" class="contenedorConceptosReciboEnFactura"></td>

                <td id="@valorUnitario" style="display: none;">
                    @Html.DisplayFor(modelItem => item.valorUnitario)
                </td>

            </tr>
            // Variable que funcionará para el ID de cada registro
            contadorIdConceptosFactura++;
    }
</table>

function allowDrop(ev) {
ev.preventDefault();
}


function drag(ev) {
ev.dataTransfer.setData("text", ev.target.id);
}


function drop(ev) {
    ev.preventDefault();
    var data = ev.dataTransfer.getData("text");
    var x = document.getElementById(ev.target.id).hasChildNodes();

    if (x) {
        ev.target.appendChild(document.getElementById(data));
    }
}