asp.net – GridView：选择页面按钮(数字)样式

发布时间：2020-12-16 03:57:00 所属栏目：asp.Net 来源：网络整理

导读：asp:GridView ID="GridView2" runat="server" DataSourceID="SqlDataSource1" Width="100%" ondatabound="GridView2_DataBound" CellPadding="4" ForeColor="#333333" GridLines="both" onrowdatabound="GridView2_RowDataBound" HorizontalAlign="Center" A

<asp:GridView ID="GridView2" runat="server" 
        DataSourceID="SqlDataSource1" Width="100%" 
        ondatabound="GridView2_DataBound" CellPadding="4" ForeColor="#333333" 
        GridLines="both" onrowdatabound="GridView2_RowDataBound" 
        HorizontalAlign="Center" AllowPaging="True"  PageSize="25" 
        onrowcreated="GridView2_RowCreated">
        <PagerSettings Mode="NumericFirstLast" PageButtonCount="25" />
        <RowStyle BackColor="#F7F6F3" ForeColor="#333333" HorizontalAlign="Center" 
            VerticalAlign="Middle" />
        <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
        <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" 
            VerticalAlign="Middle" />
        <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" 
            HorizontalAlign="Center" VerticalAlign="Middle" />
        <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
        <EditRowStyle BackColor="#999999" HorizontalAlign="Center" />
        <AlternatingRowStyle BackColor="White" ForeColor="#284775" 
            HorizontalAlign="Center" />
    </asp:GridView>

alt text http://i036.radikal.ru/1003/af/f739bc95f5ab.jpg

我选择了6页…但是我看不到选定页面按钮和未选择页面按钮之间的区别:(如何为选定页面按钮和未选择页面按钮设置不同的字体？

解决方法

Hai nCdy,

尝试设置

<PagerSettings FirstPageText="First" LastPageText="Last" 
    Mode="NumericFirstLast" PageButtonCount="3" position="Bottom" />
  <PagerStyle CssClass="pagination" HorizontalAlign="Center" 
 VerticalAlign="Middle"/>

CSS：

.pagination {
            font-size: 80%;
        }

.pagination a {
    text-decoration: none;
    border: solid 1px #AAE;
    color: #15B;
}

.pagination a,.pagination span {
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
    margin-bottom: 5px;
}

.pagination .current {
    background: #26B;
    color: #fff;
    border: solid 1px #AAE;
}

.pagination .current.prev,.pagination .current.next{
    color:#999;
    border-color:#999;
    background:#fff;
}

现在您将看到所选页码…

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!