在列表分页索引中奇怪地显示

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

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

您可能希望为float:left元素添加“<li>”。

Answer 3

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

如果您对分页仍不满意，请尝试按照this进行操作。关于分页的精彩教程。

Answer 4

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

Answer 5

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

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

另外，您可以通过在html.PagedListPager（）函数调用中将第三个参数PagedListRenderOptions传递给值来使用某些内置样式。