如何在列表视图中为数据分页提供样式 [英] How to give our style to data pagination in list view

问题描述

我是faizel，我是初学者asp.net c＃。我使用listview来显示我网站上的内容。但是列表视图中的默认分页样式在我的网站上看起来不错。任何人都可以告诉我如何创建我们自己风格的页面按钮，就像youtube中的页面按钮一样。以下是我希望使用的页面按钮的html和样式。

Hi,
I am faizel and i am a beginner asp.net c#.I am using listview to display contents in my website.but default pagination style in list view doest look good in my website.Can any one tell me how to create page buttons of our own style just like page buttons in youtube.Following is the html and style for the page buttons i wish to use.

<pre lang="HTML"><div class="pagination"> <span class="disabled"><<</span><span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a>…<a href="#">10</a><a href="#">11</a><a href="#">>></a> </div>

</pre>

style i want to use
<pre lang="css">div.pagination {
    padding:5px;
    margin:5px;
    text-align:center;
    float:left;
    font-size:10px;
}

div.pagination a {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #ddd;

    text-decoration: none;
    color: #d8325d;
}
div.pagination a:hover, div.pagination a:active {
    border:1px solid #ddd;
    color: #fff;
    background-color: #d8325d;
}
div.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #ddd;
    font-weight: bold;
    background-color: #d8325d;
    color: #FFF;
}
div.pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #ddd;
    color: #ccc;
}</pre>

提前谢谢。祝福你

thank you in advance.god bless you

推荐答案

嘿，



这是你的解决方案。请访问该链接告诉我。



http://jsfiddle.net/ 4aGpn / [ ^ ]

这篇关于如何在列表视图中为数据分页提供样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！