JT1992 Ответов: 1

Не понимаю, почему номер подкачки gridview находится далеко друг от друга, а не рядом

Click here for a picture of the issue i am getting with the paging number being too far
[^]


<pre><asp:GridView ID="GridView1" runat="server" CssClass="fixedColWidth" CellPadding="0" ForeColor="#333333" Height="273px" AutoGenerateEditButton="True"  OnRowEditing="GridView1_RowEditing"         

        OnRowCancelingEdit="GridView1_RowCancelingEdit" 

        OnRowUpdating="GridView1_RowUpdating"

        OnPageIndexChanging="GridView1_PageIndexChanging" AllowPaging="True" PageSize="1000">
              <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
                <%--<Columns>
                    <asp:CommandField ShowEditButton="True" ShowDeleteButton="True" />
                </Columns>--%>
              <EditRowStyle BackColor="#999999" />
              <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
              <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
              <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Left"/>
              <RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
              <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
              <SortedAscendingCellStyle BackColor="#E9E7E2" /> 
              <SortedAscendingHeaderStyle BackColor="#506C8C" />
              <SortedDescendingCellStyle BackColor="#FFFDF8" />
              <SortedDescendingHeaderStyle BackColor="#6F8DAE" />


Мой Css-класс для gridview находится ниже, который используется для придания столбцам максимальной и минимальной ширины 150 пикселей, потому что у меня есть коррелированные выпадающие списки, которые имеют одинаковый размер px. 

<style>
     .fixedColWidth td
     {
     min-width : 150px;
     max-width : 150px;
            }
</style>


Что я уже пробовал:

я попытался сделать это из Stack overflow, но затем он удаляет размер столбца 150 пикселей.
asp.net - номера страниц слишком далеки в GridView - переполнение стека[^]

1 Ответов

Рейтинг:
6

Richard Deeming

Посмотрите на сгенерированный HTML-код. Вы увидите, что пейджер отображается как дочерняя таблица в строке в нижней части главной страницы. GridView стол:

<table class="fixedColWidth" ...>
    ...
    <tr>
        <td colspan="...">
            <table>
                <tr>
                    <td>
                        1
                    </td>
                    <td>
                        <a ...>2</a>
                    </td>
                    ...
                </tr>
            </table>
        </td>
    </tr>
</table>

Ваше правило CSS гласит, что любое <td> внутри основной стол должен иметь фиксированную ширину 150px. Это включает в себя <td>s вложен в таблицу пейджеров.

Вам нужно будет изменить свое правило так, чтобы оно применялось только к непосредственным потомкам GridView(В зависимости от ваших настроек вам может потребоваться <thead> / <tbody> также.)
.fixedColWidth > tr > td,
.fixedColWidth > tbody > tr > td,
.fixedColWidth > thead > tr > td,
.fixedColWidth > tfoot > tr > td
{
    min-width: 150px;
    max-width: 150px;
}

JT1992

о, Спасибо. я понимаю, почему это происходило. я думал, что просто сделав td 150, все будет именно так. Спасибо, сэр!