开发者社区> 华山青竹> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

GridView 控制分页页码间距

简介: 来源:http://auv2009.blog.163.com/blog/static/68858712200992793853431/ 技巧1:在分页区中改变当前页码的样式或高亮显示页码 一个简单的办法,就是为分页区配置如下的CSS样式。
+关注继续查看

来源:http://auv2009.blog.163.com/blog/static/68858712200992793853431/

技巧1:在分页区中改变当前页码的样式或高亮显示页码

一个简单的办法,就是为分页区配置如下的CSS样式。

<head runat="server">
    <title></title>
       <style type="text/css">   
              .cssPager span { background-color:#4f6b72; font-size:18px;}    
        </style>
</head>
<asp:GridView ID="GridView1" runat="server" AllowPaging="true" AutoGenerateColumns="false" DataKeyNames="ProductID" DataSourceID="SqlDataSource1">
    <PagerStyle CssClass="cssPager" />
...

效果如下所示:

技巧2:增加分页区中页码之间的间隔

与技巧1一样,可以设置如下的CSS样式。但要注意,该样式旨在在修改分页区中的TD元素。因为页码是放置于TD元素之中。

<head runat="server">
    <title></title>
       <style type="text/css">           
              .cssPager td
              {
                  padding-left: 4px;     
                  padding-right: 4px;    
              }
       </style>
</head>
<asp:GridView ID="GridView1" runat="server" AllowPaging="true" AutoGenerateColumns="false" DataKeyNames="ProductID" DataSourceID="SqlDataSource1">
    <PagerStyle CssClass="cssPager" />
...

效果如下所示,

 

 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
可拖拽gridview
<div id="article_content" class="article_content"> <p><span style="font-size:14px"><span style="font-family:Arial; font-size:14px; line-height:26px">转帖请注明本文出自xiaanming的博客(<a target="_blank" href=
1241 0
可拖拽gridview
转帖请注明本文出自xiaanming的博客(http://blog.csdn.net/xiaanming/article/details/17718579),请尊重他人的辛勤劳动成果,谢谢! 在Android开发中,我们常常用到ListView和GridView,而有的时候系统的ListView,GridView并不能满足我们的需求,所以我们需要自己定义一个ListView或者Gri
811 0
GridView使用示例(二)
mainActivity如下: package cn.c; import java.util.ArrayList; import android.
608 0
GridView使用示例(三)
TestGridViewActivity如下: package cn.com.baidu; import java.util.ArrayList; import java.
734 0
ASP.NET GridView手动控制行数
最近项目中需要gridview动态生成行数,最后解决办法如下:   ICollection CreateDataSource()  {    System.Data.DataTable dt = new System.
733 0
GridView自动排序
GridView自带了数据排序功能。在设计视图下,只能对GridView的排序数据列和排序方向进行静态设置。在后台程序中,则需要用Attributes方式对GridView的这两个属性进行动态设置。 示例如下: (前台) DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.
701 0
+关注
华山青竹
一个喜欢玩代码的小青年呵呵呵
543
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载