2016-01-11 59 views
0

我在panel的内部嵌入了gridview,它的工作原理与此类似,但我有时会返回大量信息,并希望能够将水平滚动条添加到顶部,以及有人可以协助?向面板的顶部添加水平滚动条

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

编辑

我试图使用从你下面提供的链接的选项,但我的网格宽度方式小。我认为我已经在语法上适当地设置了tho?

<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>标签抛出电网进一步下跌比我需要的是在页面上。

回答

0

你可以尝试删除你的面板,并用div代替。

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

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

+0

在底部添加了一个水平滚动条,我怎样才能在顶部添加一个呢? –

+0

没有一点额外的编码就不那么容易了......看看这个答案http://stackoverflow.com/questions/3934271/horizo​​ntal-scrollbar-on-top-and-bottom-of-table – Scotty

+0

尝试要遵循链接中的其中一个选项,但网格宽度不正确,您可以查看一下吗? –