将水平滚动条添加到Panel的TOP

时间:2016-01-11 03:07:28

标签: c# asp.net gridview webforms scrollbars

我在这样的gridview内部嵌入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>标记会使页面上的网格比我需要的更深。

1 个答案:

答案 0 :(得分:0)

你可以尝试删除你的面板,而不是使用div。

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

overflow-x:auto只有在GridView的宽度大于800px时才会生成水平滚动条。