爲什麼datatables插件不能用於我的ASP.NET MVC 4？

我想啓用無限滾動。所以我在Visual Studio 2012項目中使用nuGet安裝了數據表插件。它是一個標準模型，視圖和控制器項目。爲什麼datatables插件不能用於我的ASP.NET MVC 4？

冉在軟件包管理控制檯「安裝，包jquery.datatables」
新增< THEAD>和< TBODY>到視圖
腳本添加到視圖
拍了一下類似的問題計算器上，但沒有成功

問題我編碼了一個演示，教我infin迭代滾動，準備一個嚴肅的項目。我有大約30個名字。所以它應該是我想顯示前10個名字的地方，它可以無限滾動顯示每個人。我的項目編譯沒有錯誤。但是，當我看着桌子。我看到沒有變化被datatables插件渲染。它顯示30個名字，就像以前一樣。

模型 - 視圖

public class ISModel 
{ 
     //[ScaffoldColumn(false)] 
     public int ID { get; set; } 

     public String name { get; set; } 

     public int age { get; set; } 

     // array list of bools for displaying achievement images? if true, display image on list, else don't display (alt text for 1.g) 
     //public bool[] achieve { get; set; } 

}

控制器動作

public ActionResult Index() 
     { 
      return View(db.ISModel.ToList()); 
      //return View(); 
     }

佈局文件

@Styles.Render("~/Content/css") 
    @Scripts.Render("~/bundles/jquery") 
    @Scripts.Render("~/Scripts/jquery.dataTables.js") 
    @Scripts.Render("~/bundles/modernizr")

請注意，我的佈局只是由MSVS2012自動生成的。它有標準的主頁和關於按鈕。以及自動生成的登錄功能。

查看

@model IEnumerable<ISDemo.Models.ISModel> 

@{ 
    ViewBag.Title = "Index"; 
} 

<h2>Index</h2> 


<p> 
    @Html.ActionLink("Create New", "Create") 
</p> 
<table id = "demoTable"> 
    <thead> 
    <tr> 
     <th> 
      @Html.DisplayNameFor(model => model.name) 
     </th> 
     <th> 
      @Html.DisplayNameFor(model => model.age) 
     </th> 
     <th></th> 
    </tr> 
    </thead> 
    <tbody> 

@foreach (var item in Model) { 
    <tr> 
     <td> 
      @Html.DisplayFor(modelItem => item.name) 
     </td> 
     <td> 
      @Html.DisplayFor(modelItem => item.age) 
     </td> 
     <td> 
      @Html.ActionLink("Edit", "Edit", new { id=item.ID }) | 
      @Html.ActionLink("Details", "Details", new { id=item.ID }) | 
      @Html.ActionLink("Delete", "Delete", new { id=item.ID }) 
     </td> 
    </tr> 
} 
    </tbody> 

</table> 
@section Scripts{ 
    <script type="text/javascript"> 
    $(document).ready(function(){ 
     $('#demoTable').dataTable({ 
      "bScrollInfinite": true, 
      "bScrollCollapse": true, 
      "sScrollY": "200px" 
     }); 
    }); 
    </script> 
}

來源

2013-05-04 GeekyOmega

首先嚐試減少值「sScrollY」參數一些價值不大，如果它可以幫助你，那麼你應該需要找到一些技術調整與父元素的「sScrollY」值高度。

來源

2013-05-04 16:01:49 Shashank

爲什麼datatables插件不能用於我的ASP.NET MVC 4？

回答

相關問題