Как подчеркнуть номер страницы в сетке с помощью asp.net

Question

У меня есть один вид сетки в моем веб-приложении.Я использую следующий код

<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>

. Я хочу, чтобы при выполнении кода, отображающего номер страницы, в сетке было подчеркнуто.Может ли кто-нибудь сможет помочь в этом.Спасибо заранее ...

Answer 1

Вот ссылка, чтобы показать, как использовать тег 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; 
}

Answer 2

Поскольку текущая страница находится под тегом span <span>1</span>, вы можете сделать что-то вроде этого:

В вашем CSS добавьте класс, который расширяется до элемента span, добавьте его в ваш класс text-decoration:underline !important; (! Важно, чтобы он не был переопределен), а затем вызовите этот класс CSS в PagerStyle

вашего GridView.

Пример:

Класс CSS:

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

GridView:

<asp:GridView runat="server">

            <PagerStyle CssClass ="gvPager" />

 </asp:GridView>

Answer 3

Очень просто, используйте PagerStyle

<PagerStyle Font-Underline="true" />