asp.net-mvc - 在列表分页索引中显示奇怪

Question

我正在使用列表分页开发一个网站，在我这样写的视图中：

@using PagedList;
@using PagedList.Mvc;
@model Bank2.Models.ViewModel.PaymentView
...
<table>
   @Html.PagedListPager( Model.plist , page => Url.Action("Payment", new { page }) )
   ...      
</table>

但它看起来像：

谁能告诉我的代码有什么问题？我错过了什么？

Answer 1

好吧，也许Html.PagedListPager正在生成一些<ul>/<li>标签。从你的问题中很不清楚这个助手来自哪里（因为在 ASP.NET MVC 中没有这样的东西），但你总是可以使用 CSS 来适当地设置它们的样式。

例如，类似于以下内容的内容实际上可能会减少芥末：

ul {
    list-style: none;
}

li {
    display: inline;
}

Answer 2

我有同样的问题。但只需拖放 PagedList CSS 参考即可解决问题。像这样

<link href="~/Content/PagedList.css" rel="stylesheet" type="text/css" />

另外，您可以通过在 html.PagedListPager() 函数调用中向第三个参数 PagedListRenderOptions 传递值来使用一些内置样式。

Answer 3

您可能缺少与分页元素相关的 CSS 样式。

您可能想为元素添加一个“ float:left” 。<li>

Answer 4

是的，正如 Queti 和 Dmitri 都说过的，我相信你只需要添加一点 CSS 样式，很可能是以浮动的形式。

如果您仍然对寻呼不满意，请尝试跟随此。很棒的分页教程。

Answer 5

您可以将 PagedList.css 文件拖放到您的 .cshtml razor 视图中，这将以您正在寻找的方式显示寻呼机控件