將水平滾動條添加到面板的頂部

Question

我將gridview嵌入gridview的panel ，該panel應能正常工作，但是有時我返回大量信息，並希望能夠在頂部也添加水平滾動條，有人可以提供幫助嗎？

<asp:Panel ID="panel1" runat="server" ScrollBars="Both" style="overflow:scroll">
<asp:GridView ID="grid1" runat="server" Visible="True" AutoGenerateColumns="false" 
        ShowFooter="true" Width="16px" Height="120px" >/>
        <columns>

        </columns>
    </asp:GridView>
</asp:Panel>

編輯

我試圖使用從你下面提供的鏈接的選項，但我的網格寬度的方式小。 我想我在語法中設置了正確的密碼嗎？

<div class="wrapper1">
    <div class="wrapper2">
        <asp:GridView ID="grid1" runat="server" Visible="True" AutoGenerateColumns="false" 
            ShowFooter="true" Width="10000pxpx" Height="3000px" >/>
            <columns>

            </columns>
        </asp:GridView>
    </div>
</div>

<style type="text/css">
    .wrapper1, .wrapper2{width: 300px; border: none 0px RED; overflow-x: scroll; overflow-y:hidden;}
    .wrapper1{height: 200px; }
    .wrapper2{height: 200px; }
    .div1 {width:10000px; height: 200px; }
    .div2 {width:10000px; height: 200px; background-color: #88FF88; overflow: auto;}
</style>

另外，添加額外的<div>標記會使網格在頁面上的位置比我需要的要低。

Answer 1

您可以嘗試刪除面板並改為使用div。

<div style="overflow-x:auto;width:800px">
   GridView here
</div>

僅當GridView的寬度大於800px時，overflow-x：auto才會產生水平滾動條。