Nested view in .net core Abp application

Question

I am looking for display a parent child view in boilerplate application. but not able to find solution. Click event not displaying the row below. 404 error is coming in console

here is the parent page looks like
 

my requirment is to show a row below to the clicked row. I am using javascript code to trigger click and show the page.

 

        var currentOpenedDetailRow;

        function openDetailRow(e, url) {
            var tr = $(e).closest('tr');
            var row = dataTable.row(tr);
            if (row.child.isShown()) {
                row.child.hide();
                tr.removeClass('shown');
                currentOpenedDetailRow = null;
            } else {
                if (currentOpenedDetailRow)
                    currentOpenedDetailRow.child.hide();
                $.get(url).then((data) => {
                    row.child(data).show();
                    tr.addClass('shown');
                    currentOpenedDetailRow = row;
                });
            }
        }

        _$queuesTable.on('click', '.View_Invoice', function () {
            var tr = $(this).closest('tr');
            var row = dataTable.row(tr);
            openDetailRow(this, abp.appPath+ "Shared/QueueTicketPartial/_QueueTicketsComponent" + row.data().queue.id);
        });

I have created a Partial view page to display row below to the clicked row. And the partial view page cshtml page code is listed below

 

@page
@using Microsoft.AspNetCore.Authorization
@using QueuingSystem.Pages.Shared.QueueTicketPartial
@using Volo.Abp.AspNetCore.Mvc.UI.Layout
@using QueuingSystem.Permissions
@using QueuingSystem.Web.Pages.Tickets
@using QueuingSystem.Menus
@using Microsoft.AspNetCore.Mvc.Localization
@using QueuingSystem.Localization
@inject IHtmlLocalizer<QueuingSystemResource> L
@inject IAuthorizationService Authorization
@model QueueTicketsViewComponent

@{
    Layout = null;
}
<script abp-src="/QueuingSystem/Pages/Shared/QueueTicketPartial/QueueTicketsViewComponent/QueueTicketsViewComponent.js" asp-append-version="true"></script>
<input type="hidden" id="QueueTicket_QueueId " value="@Model.QueueID" />
<div class="card card-custom gutter-b">
    <div class="card-body">
        <div class="row align-items-center">
            <table id="InvoiceTable" class="display table table-striped table-bordered table-hover dt-responsive nowrap">
                <thead>
                    <tr>
                        <th></th>
                        <th>@L["Actions"]</th>
                        <th>@L["Invoice"]</th>
                        <th>@L["InvoiceNo"]</th>
                        <th>@L["ClearanceStatus"]</th>
                        <th>@L["ProcessTime"]</th>
                        <th>@L["Edition"]</th>
                        <th>@L["TotalWithoutTax"]</th>
                        <th>@L["TaxPerc"]</th>
                        <th>@L["TaxValue"]</th>
                        <th>@L["TotalAmount"]</th>
                        <th>@L["Status"]</th>
                        <th></th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
</div>