Как сделать заголовок фиксированным с помощью полос прокрутки на GridView? - PullRequest
Новая
       10

Как сделать заголовок фиксированным с помощью полос прокрутки на GridView?

0 голосов
/ 30 октября 2019

У меня есть вид сетки ASP.NET, и я хотел бы иметь вертикальную и горизонтальную полосу прокрутки, в то время как заголовок остается фиксированным . У меня возникли проблемы с размером таблицы из gridview, так как он довольно большой. У меня был вид сетки в div, используя: 

style="overflow-x:auto; overflow-y:auto; width:1100px; height:400px;"

Выше показаны горизонтальные и вертикальные полосы прокрутки, но я не могу держать фиксированные заголовки.

Я пробовал много разных типоввысоты и ширины, но горизонтальные и вертикальные полосы прокрутки не отображаются, а заголовок закрывается. 

        #pcoTable table tbody {
            display: block;
            height: 400px;
            overflow: auto;
        }

        #pcoTable table thead tr {
            display: block;
            position: relative;
        }

        #pcoTable {
            width: 2368px;
            overflow: hidden;
            position: relative;
            left: 0px;
            top: 0;
        }

Пример div, который я пытался использовать: 

<div id="pcoTable">
 <asp:Panel ClientIDMode="Static" ID="pCOData" runat="server" CssClass="dataTable">


            <asp:GridView ID="gridPCO" runat="server" AutoGenerateColumns="false" 
                ShowHeaderWhenEmpty="true"     
                ShowFooter="true"
                DataKeyNames="CourseOfferingId" >
                <Columns>
                    <asp:TemplateField HeaderText="CourseOfferingId" Visible="false">
                      <ItemTemplate>
                         <asp:TextBox ID="iTxtCourseOfferingId" runat="server" Text='<%#Bind("CourseOfferingId") %>'/>                          
                     </ItemTemplate>
                     <EditItemTemplate>
                         <asp:TextBox ID="txtCourseOfferingId" width="70px"  runat="server" Text='<%#Bind("CourseOfferingId") %>'/>
                     </EditItemTemplate>
                     <FooterTemplate>
                         <asp:TextBox ID="txtCourseOfferingId" width="70px"  runat="server" Text='<%#Bind("CourseOfferingId") %>'/>
                     </FooterTemplate>
                 </asp:TemplateField>

                    <asp:TemplateField ItemStyle-Width="400px">
                     <ItemStyle Width="400px" />
                    <EditItemTemplate>
                        <asp:LinkButton ID="ButtonUpdate" runat="server" CommandName="Update"  Text="Update"  />
                        <asp:LinkButton ID="ButtonCancel" runat="server" CommandName="Cancel"  Text="Cancel" />
                    </EditItemTemplate>
                    <ItemTemplate>
                        <asp:LinkButton ID="ButtonEdit" runat="server" CommandName="Edit"  Text="Edit"  />
                        <asp:LinkButton ID="ButtonDelete" runat="server" CommandName="Delete" Text ="Delete" />
                    </ItemTemplate>
                    <FooterTemplate>

                 .............More Columns Here...............

                </Columns>
            </asp:GridView>
    </asp:Panel>
</div>

Мне нужногоризонтальные и вертикальные полосы прокрутки, появляющиеся, пока заголовок остается фиксированным.

...