Javascript 将扩展的html表行转换为jquery datatable

我有一个Jquery数据表，其中的行扩展到另一个表中。子表显示得非常完美，但是如何将视图返回的表呈现到datatable中

子表视图

@model IEnumerable<Virtual_Machines.Process>
@{
ViewBag.Title = "VM Monitor";
Layout = "";
}

<script type="text/javascript">
var oTable1;

/* Initialize table and make first column non-sortable*/
oTable1 = $('#innerproc').dataTable({
    "bJQueryUI": true,
    "aoColumns": [
    { "bSortable": false, "bSearchable": false },
    null,
    null,
    null
    ]
});
</script>

<p>
@Html.ActionLink("Create New", "Create")
</p>
<table class="table" id="innerproc">
<thead>
    <tr>
        <th>
            @Html.DisplayNameFor(model => model.ProcessName)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.PID)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.status)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.date)
        </th>
        <th></th>
    </tr>
</thead>
<tbody>


    @foreach (var item in Model)
    {
        <tr>
            <td>
                @Html.DisplayFor(modelItem => item.ProcessName)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.PID)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.status)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.date)
            </td>
            <td>
                @Html.ActionLink("Edit", "Edit", new { /* id=item.PrimaryKey */ }) |
                @Html.ActionLink("Details", "Details", new { /* id=item.PrimaryKey */ }) |
                @Html.ActionLink("Delete", "Delete", new { /* id=item.PrimaryKey */ })
            </td>
        </tr>
    }
</tbody>

@model IEnumerable
@{
ViewBag.Title=“虚拟机监视器”；
布局=”；
}
可旋转变量1；
/*初始化表并使第一列不可排序*/
oTable1=$（'#innerproc'）。数据表({
“bJQueryUI”：没错，
“aoColumns”：[
{“bSortable”：false，“bsearcable”：false}，
无效的
无效的
无效的
]
});

@ActionLink（“新建”、“创建”）

@DisplayNameFor（model=>model.ProcessName）
@DisplayNameFor（model=>model.PID）
@DisplayNameFor（model=>model.status）
@DisplayNameFor（model=>model.date）
@foreach（模型中的var项目）
{
@DisplayFor（modelItem=>item.ProcessName）
@DisplayFor（modelItem=>item.PID）
@DisplayFor（modelItem=>item.status）
@DisplayFor（modelItem=>item.date）
@ActionLink（“编辑”，“编辑”，新的{/*id=item.PrimaryKey*/}）|
@ActionLink（“详细信息”，“详细信息”，新的{/*id=item.PrimaryKey*/}）|
@ActionLink（“删除”，“删除”，新的{/*id=item.PrimaryKey*/}）
}

如您所见，我尝试使用javascript通过id属性获取对表的引用，然后将其转换为datatable。这会引发错误：未捕获的TypeError:$（…）。datatable不是函数

我还尝试在@section中嵌入代码，以便在主布局文件中调用doc.ready方法时运行，但这也不起作用。我想我不确定将这个表转换为datatable的代码放在哪里，因为它是由视图返回的

---

哪里使用了mData？是否在html中包含datatable.js？在_Layout.cshtmltry中添加此引用-@diavolic yes，以将datatable创建包装在$（document）.ready（）中。我确信datatable javascript没有加载，并且您的代码会引发错误mData在哪里使用？您是否在html中包含datatable.js？在_Layout.cshtmltry中添加此引用-@diavolic yes，以将datatable创建包装为$（document）.ready（）。我确信DataTableJavaScript没有加载，您的代码会引发错误