版权声明:本文为博主原创文章,未经博主同意不得转载。 https://blog.csdn.net/vaecnfeilong/article/details/32712611

AspNetPager分页样式:1、网易风格 2、拍拍风格 3、迅雷风格

地址:http://www.webdiyer.com/aspnetpagerdemo/applystyles/default.aspx

BootScript框架下分页:

   <div class="row">
<div class="col-lg-1 col-sm-4 col-xs-4 col-xxs-12">
</div>
<div class="col-lg-11 col-sm-12 col-xs-12 col-xxs-12">
<table class="table table-striped table-hover table-bordered bootstrap-datatable " id="DataTables_Table_CSTC" aria-describedby="DataTables_Table_CSTC_info">
<thead>
<tr>
<td class="sorting">客服</td>
<td class="sorting">再联系时间</td>
<td class="sorting">备注信息</td>
<td class="sorting">成交金额</td>
<td class="sorting">时间</td>
</tr>
</thead>
<tbody>
<asp:Repeater ID="Repeater_CSTC" runat="server">
<ItemTemplate>
<tr>
<td class=""><%#Eval("CustomerServiceID")%></td>
<td class=""><%#Eval("NextContactDate")%></td>
<td class=""><%#Eval("Remark")%></td>
<td class=""><%#Eval("TransactionAmount")%></td>
<td class=""><%#Eval("CreateDate").ToString()=="0001/1/1 0:00:00"? "":Eval("CreateDate").ToString()%></td>
</tr>
</ItemTemplate>
</asp:Repeater> </tbody>
</table>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="col-lg-1 col-sm-4 col-xs-4 col-xxs-12">
</div>
<div class="col-lg-11 col-sm-12 col-xs-12 col-xxs-12">
<%-- <div style='font-size:14px;'>共<label style="color:#20A8D8; font-size:14px;""><%=this.AspNetPager_CSTC.RecordCount %></label>条记录</div>--%>
</div>
</div>
<div class="row">
<div class="col-lg-1 col-sm-4 col-xs-4 col-xxs-12">
</div>
<div class="col-lg-11 col-sm-12 col-xs-12 col-xxs-12">
<webdiyer:AspNetPager ID="AspNetPager_CSTC" CssClass="paginator" CurrentPageButtonClass="cpb"
OnPageChanged="AspNetPager_CSTC_PageChanged" runat="server" FirstPageText="首页"
LastPageText="尾页" NextPageText="← 下一页" PrevPageText="← 上一页" AlwaysShow="true" ShowPageIndexBox="Never" NumericButtonCount="10"
CurrentPageButtonPosition="End"
ShowFirstLast="false">
</webdiyer:AspNetPager>
</div>
</div>

AspNetPager.css

.paginator {
font: 11px Arial, Helvetica, sans-serif;
padding: 10px 0px 10px 0;
margin: 0px;
text-align:right;
} .paginator a {
padding: 1px 6px;
border: solid 1px #ddd;
background: #fff;
text-decoration: none;
margin-right: 2px;
color: #20A8D8;
} .paginator a:visited {
padding: 1px 6px;
border: solid 1px #ddd;
background: #fff;
text-decoration: none;
color: #20A8D8;
} .paginator .cpb {
padding: 1px 6px;
font-weight: bold;
font-size: 13px;
border: none;
color: #ffffff;
background: #20A8D8;
} .paginator a:hover {
color: #fff;
background: #20A8D8;
border-color: #20A8D8;
text-decoration: none;
}

效果图:

最新文章

  1. c# unity PlayerPrefs 游戏存档,直白点就是讲游戏数据本地保存下来
  2. 常用邮箱的服务器(SMTP/POP3)地址和端口总结
  3. 07 DAY 1
  4. sqlite3把字段为int32(用c++的time(nullptr)获取的)的秒数显示为年月日时分秒
  5. 【CentOS】安装配置vncserver
  6. part 2 Angular modules and controllers
  7. w3c盒子模型与ie盒子模型
  8. inline-block及解决空白间距
  9. iOS MBProgressHUD 之带底板的加载提示
  10. centos7 设备 mariadb-10
  11. Java 实现 Domino邮箱自动注册
  12. java线程池ThreadPool
  13. c# excel 导入 与 导出(可直接用)
  14. 通过jQuery和C#分别实现对.NET Core Web Api的访问以及文件上传
  15. vue学习笔记4
  16. 基于Android的模拟点击探索
  17. 伙伴系统之伙伴系统概述--Linux内存管理(十五)
  18. Win7 Win8 Win10取不到机器码的处理办法
  19. jsp一些使用技巧
  20. MHA配置参数详解 【转】

热门文章

  1. Alpha阶段第十次Scrum Meeting
  2. jmeter 内存溢出解决方法
  3. Android版本
  4. 如何让WEBAPI 能够进行跨越访问
  5. SharePoint2007:解决第二回收站大数据无法删除问题
  6. Java笔记4-do while循环,break,修饰符,方法的调用
  7. ghost系统到硬盘完后,重启进入winxp安装的画面变成了蓝屏
  8. iOS9/iOS8界面对比 XCode7
  9. sphinx 超好资料
  10. (六)6.4 Neurons Networks Autoencoders and Sparsity
  11. Spark Streaming揭秘 Day7 再探Job Scheduler
  12. find unique values in an array
  13. Statement和PrepareStatement区别
  14. LeetCode 101. Symmetric Tree (对称树)
  15. ajax错误处理 500错误
  16. HttpWebRequest类库注意事项以及常见问题
  17. [IIS]win7下怎么安装IIS
  18. BZOJ4372 烁烁的游戏(动态点分治+线段树)
  19. Android Launcher分析和修改6——页面滑动(PagedView)
  20. JS实现 进度条 不用控件