在MVC中尋呼5

在MVC 5中，如何爲表創建分頁？以下是表結構。在MVC中尋呼5

<table class="table"> 
    <tr> 
     <th> 
      Item ID 
     </th> 
     <th> 
      Item Name 
     </th> 
     <th> 
      Rate 
     </th> 
     <th> 
      Stock 
     </th> 
    </tr> 

@foreach (var item in Model) { 
    <tr> 
     <td> 
      @Html.DisplayFor(modelItem => item.ItemID) 
     </td> 
     <td> 
      @Html.DisplayFor(modelItem => item.ItemName) 
     </td> 
     <td> 
      @Html.DisplayFor(modelItem => item.Rate) 
     </td> 
     <td> 
      @Html.DisplayFor(modelItem => item.Stock) 
     </td> 
    </tr> 
}  
</table>

來源

2014-03-05 Golda

爲什麼不使用webgrid中的構建它會爲你創建分頁表？ http://msdn.microsoft.com/en-us/magazine/hh288075.aspx – Cookie

我已經找到了解決辦法。使用的WebGrid，我們可以實現分頁

@model IEnumerable<ItemMaster> 
@{ 
    ViewBag.Title = "Item Details"; 
    WebGrid grid = new WebGrid(Model,rowsPerPage:5); 
} 
<h2>Item Details</h2> 
@grid.GetHtml()

來源

2014-03-05 12:07:49 Golda

我建議PagedList包，它可以用的NuGet

https://www.nuget.org/packages/PagedList

以下是完整的文檔

https://github.com/TroyGoode/PagedList

來源

2014-03-05 10:22:07

我無法通過nuget下載pagedList它顯示以下錯誤Install-Package：無法找到包'PagedList.Mvc'。在行：1個字符：16 +安裝-封裝<<<< PagedList.Mvc + CategoryInfo：NotSpecified：（:) [安裝封裝]，出現InvalidOperationException + FullyQualifiedErrorId：NuGetCmdletUnhandledException，NuGet.PowerShell.Commands.InstallPackageCommand – Golda

您正試圖安裝PagedList.Mvc包而不是PagedList。 –

我已經在nuGet控制檯中運行以下語句。「Install-Package PagedList.Mvc」。但它顯示錯誤 – Golda

本教程有分頁，以及如何很好地解釋安裝和使用軟件包：
http://www.asp.net/mvc/overview/getting-started/getting-started-with-ef-using-mvc/sorting-filtering-and-paging-with-the-entity-framework-in-an-asp-net-mvc-application

來源

2015-01-23 02:59:09 BGStack

Grid.MVC是一個開源和工作網格排序和分頁

（而不像Telerik的，你不需要改變控制器側任何只是在你的查看和使用添加引用。）

安裝塊包（Install）

PM> Install-Package Grid.Mvc -Version 3.0.0

在你看來，你可以自動創建列如下（或定製見User Guide）

@using GridMvc.Html 

@Html.Grid(Model).AutoGenerateColumns()

見Online Demo

來源

2015-08-13 18:15:23

這應該標記爲最佳答案！ –

你可以找DataTables jquery plug在here。這是一個非常強大和輕量級的插件，支持在表格內進行排序和搜索。

來源

2016-10-18 21:00:36

回答

相關問題