如何使用asp.net在网格视图中下划线页编号

本文关键字：下划线 编号 视图 网格 何使用 asp net | 更新日期: 2023-09-27 18:01:32

我有一个网格视图在我的web应用程序。我使用以下代码

<asp:GridView ID="dataGrid" runat="server" AllowPaging="True" 
                        AutoGenerateColumns="True" BorderColor="Black" BorderWidth="1px" 
                        CellPadding="4" EnableSortingAndPagingCallbacks="true" Font-Underline="False" 
                        ForeColor="#333333" HorizontalAlign="Left" PageSize="10" RowStyle-Width="20" 
                        Width="421px">
                        <RowStyle BackColor="#EFF3FB" />
                        <FooterStyle BackColor="#507CD1" Font-Bold="True" Font-Underline="true" 
                            ForeColor="White" />
                        <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
                        <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
                        <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" 
                            HorizontalAlign="Left" />
                        <EditRowStyle BackColor="#2461BF" HorizontalAlign="Left" />
                        <AlternatingRowStyle BackColor="White" />
                    </asp:GridView>

我想当我执行的代码显示页码应该在网格视图下划线。有人能帮忙吗?

如何使用asp.net在网格视图中下划线页编号

非常简单，使用PagerStyle 

<PagerStyle Font-Underline="true" />

下面是如何在上下文中使用PagerStyle标签的链接:http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.gridview.pagerstyle.aspx

这里有关于PagerStyle可以使用的所有样式属性的信息。http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.tableitemstyle.aspx

我建议你使用CssClass属性设置字体下划线使用css，如

<PagerStyle CssClass="PagerControl">
.PagerControl { 
    text-decoration: underline; 
}

由于当前页面在span标签<span>1</span>下，您可以这样做:

在你的CSS中，添加一个扩展到span元素的类，将其添加到你的类text-decoration:underline !important; (!重要的是它不会被覆盖)然后在GridView的PagerStyle

中调用这个CSS类

的例子:

CSS类:

.gvPager span {
    text-decoration:underline !important;
}
GridView: 

<asp:GridView runat="server">
            <PagerStyle CssClass ="gvPager" />
 </asp:GridView>
相关文章：