Bootstrap 如何在X.PagedList.Mvc.Core中使用CSS

fumotvh3  于 2023-06-27  发布在  Bootstrap
关注(0)|答案(2)|浏览(143)

我使用X.PagedList.Mvc.Core对表进行分页。我需要使用CSS或其他任何装饰比这更漂亮。下面是我使用的代码。

<div class="row">
    @Html.PagedListPager(permitPages, page => Url.Action("FindPermitNumber", "Permit", new { page = page }), PagedListRenderOptions.MinimalWithPageCountText)
</div>
smdncfj3

smdncfj31#

更新

vhmi4jdf

vhmi4jdf2#

您可以尝试如下指定html元素的class属性(我尝试使用bootstrap的css)

<div class="row">
    @Html.PagedListPager(targetpagedlist, page => Url.Action("Action", "Controller", new { page = page }), new PagedListRenderOptions(){ LiElementClasses = new string[] { "page-item" },
    PageClasses = new string[] { "page-link" }})
</div>

现在看起来像:

相关问题