MVC DataTable問題不顯示

我是MVC應用程序開發的新手。我試圖使用數據表向EF表添加功能。我創建了我的表並可以很好地訪問它（沒有任何功能）。我遵循https://datatables.net/examples/basic_init/的指示。總之這裏是我所做的：MVC DataTable問題不顯示

我添加以下行_Layout.cshtml的<head>部分

<script src="~/Scripts/jquery-1.10.2.min.js"></script> 
<script src="https://cdn.datatables.net/1.10.11/js/dataTables.bootstrap.js"></script> 
<script src="https://cdn.datatables.net/1.10.11/js/jquery.dataTables.js"></script> 
<script type="text/css" src="https://cdn.datatables.net/1.10.11/css/jquery.dataTables.css"></script>

然後我分配一個ID表由生成的索引視圖MVC的控制器：
```
<table id="tblServer"class="table"> 
```
最後，我添加以下代碼塊在所述標籤的端部上_Layout.cshtml
```
<script> 
    $('#tblServer').dataTable(); 
</script> 
```

我禁用了所有其他對JQuery的引用，因此它們不會被多次加載。我註釋掉以下部分：

@* @Styles.Render("~/Content/css") 
    @Scripts.Render("~/bundles/modernizr")*@ 

@* @Scripts.Render("~/bundles/jquery") 
    @Scripts.Render("~/bundles/bootstrap") 
    @RenderSection("scripts", required: false)*@

我能看到表，但沒有造型可用。沒有過濾，搜索功能可用。請幫忙。

在這裏看到的截圖 - See screenshot here

來源

2016-05-13 topcatdc

你能告訴你的代碼，你在哪裏初始化數據表？ – vendettamit

這是我用的：$（document）.ready（function（）{（'＃tblServer'）.DataTable（）; }）; – topcatdc

您需要包括註釋掉jQuery庫。另外，JQuery庫應該在JQuery.Datatable.js文件之前加載。 Jquery是jquery.datatable.js文件的依賴項。

所以，你可能想按正確的順序做這樣的事情：

@Scripts.Render("~/bundles/jquery") 
@Scripts.Render("~/bundles/bootstrap") 
@RenderSection("scripts", required: false) 

<script src="https://cdn.datatables.net/1.10.11/js/dataTables.bootstrap.js"></script> 
<script src="https://cdn.datatables.net/1.10.11/js/jquery.dataTables.js"></script> 
<script type="text/css" src="https://cdn.datatables.net/1.10.11/css/jquery.dataTables.css"></script>

來源

2016-05-13 19:37:17 vendettamit

工作。另外，我將文件從CDN複製到本地目錄，然後重新鏈接到VS.感謝您的幫助，併爲這個遲到的回覆感到抱歉。 – topcatdc

MVC DataTable問題不顯示

回答

相關問題