Asp.net mvc mvc5中的分页
在MVC5中,如何为表创建分页?下面是一个表结构Asp.net mvc mvc5中的分页,asp.net-mvc,razor,pagination,html-table,Asp.net Mvc,Razor,Pagination,Html Table,在MVC5中,如何为表创建分页?下面是一个表结构 <table class="table"> <tr> <th> Item ID </th> <th> Item Name </th> <th> Rate </th> &
<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>
项目ID
项目名称
比率
股票
@foreach(模型中的var项目){
@DisplayFor(modelItem=>item.ItemID)
@DisplayFor(modelItem=>item.ItemName)
@DisplayFor(modelItem=>item.Rate)
@DisplayFor(modeleItem=>item.Stock)
}
我推荐nuget上提供的PagedList软件包
这是完整的文档
我找到了解决办法。使用webgrid,我们可以实现分页
@model IEnumerable<ItemMaster>
@{
ViewBag.Title = "Item Details";
WebGrid grid = new WebGrid(Model,rowsPerPage:5);
}
<h2>Item Details</h2>
@grid.GetHtml()
@model IEnumerable
@{
ViewBag.Title=“项目详细信息”;
WebGrid=新的WebGrid(模型,行页面:5);
}
项目详细信息
@grid.GetHtml()
本教程很好地解释了分页以及如何安装和使用软件包:网格。MVC是一个开源的工作网格,具有排序和分页功能 (和telerik不同,您不需要更改控制器端的任何内容,只需在视图和使用中添加引用即可。) 要安装nugget软件包() 在您的视图中,您可以按如下所示自动创建列(或自定义,请参见)
请参见您可以查找DataTables jquery插件。这是一个功能强大、重量轻的插件,支持在表内排序和搜索。我无法通过nuget下载pagedList。安装程序包时出现以下错误:找不到程序包“pagedList.Mvc”。在第1行char:16+安装包中,您正在尝试安装PagedList.Mvc包而不是PagedList。“安装程序包PagedList.Mvc”。但是它显示了错误该命令应该是Install Package PagedList PagedList和PagedList.MVC是不同的包。MVC依赖于PagedList,这就是为什么会出现错误为什么不使用内置webgrid它会为您创建带有分页的表?
PM> Install-Package Grid.Mvc -Version 3.0.0
@using GridMvc.Html
@Html.Grid(Model).AutoGenerateColumns()