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" />
...

效果如下所示,

 

 

相关文章
|
11月前
|
开发框架 前端开发 关系型数据库
怎么在GridView中限制显示字数
三种方法可以实现,前两种是C#代码实现(原理一样),第三种是CSS实现。 1.cs代码中:GridView的RowDataBound中对想做处理的项做Remove()字符串截取。 2.aspx页面中:GridView的&lt;ItemTemplate&gt;数据项模板标签对中对其控件内显示文本的相应属性做Eval绑定,同样以SubString为最终截取显示文本。 如: &lt;asp:Templa...
30 0
|
前端开发 测试技术
Easyui datagrid 设置内容超过单元格宽度时自动换行显示
Easyui datagrid 设置内容超过单元格宽度时自动换行显示
397 0
|
设计模式 存储 前端开发
分页复选设计的坑
什么是分页复选设计呢?
|
JavaScript
问题解决:使用JqGrid实现列表分页,翻页图标无法显示
问题解决:使用JqGrid实现列表分页,翻页图标无法显示
290 0
问题解决:使用JqGrid实现列表分页,翻页图标无法显示