zoukankan      html  css  js  c++  java
  • GridView 控制分页页码间距

    来源: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" />
    ...

    效果如下所示,

  • 相关阅读:
    收集的正则表达式
    全面解析JavaScript中“&&”和“||”操作符(总结篇)
    3.5 二叉查找树的几何应用
    3.4 散列表
    3.3 平衡查找树
    3.2 符号表之二叉查找树BST
    3.1 符号表之二分查找
    2.7 二叉堆及优先队列
    2.6 经典排序算法总结
    2.5 3-way quickSort
  • 原文地址:https://www.cnblogs.com/huashanqingzhu/p/3764364.html
Copyright © 2011-2022 走看看