部分视图中的DataTable

Question

我在_layout中有一个datatable，它可以很好地处理所有其他表，除了我在局部视图中的这个表，这可能是因为数据加载的方式。

_layout.cshtml

    $('.dataTableList').DataTable({ responsive: true, "autoWidth": false });

Detail.cshtml

    <div class="inventory" data-url=@Url.Action("Inventory")>...</div>

加载div表：

    $('.inventory').each(function (index, item) {
        var url = $(item).data("url");
        if (url && url.length > 0) {
            $(item).load(url); 
        }
    });

控制器-操作

    public ActionResult Inventory()
    {              
        return PartialView("Inventory", inventoryService.Get());
    }

部分库存视图

    <table class="table table-striped dataTableList">
        <thead><tr><th></th></tr></thead> <tbody>...</tbody></table>

如何让_layout中的数据表初始化对此表起作用？我发现如果我只在部分视图中而不是在布局中初始化datatable，它会工作得很好。但是，我必须在所有其他部分视图上单独初始化它。一定有更好的方法。会很感谢你的帮助。

Answer 1

加载部分视图html后，尝试调用类似于$('#partialViewDataTable').DataTable().ajax.reload();的代码