如何在gridView asp.net中制作X-Scroll?

时间:2014-08-18 00:50:51

标签: c# javascript asp.net gridview

我试图在x和y中添加滚动条,但我只能添加y滚动。 目前,我的gridview只显示部分数据,缺少3-4列,所以我真的需要使用x-scroll。我试过" overflow-x:scroll;"但它没有用。

我的源代码

<div style= "overflow-x:scroll; Overflow:scroll; max-height: 150px; width: 800px">
                                                    <asp:GridView ID="GridViewUpBus" runat="server" AutoGenerateColumns="False" Font-Names="Arial" Font-Size="Small" HorizontalAlign="Center">
                                                        <Columns>
                                                            <asp:BoundField DataField="SubCatID" HeaderText="Sub category ID">
                                                            <ItemStyle Width="10%" />
                                                            </asp:BoundField>

如果我跑,它看起来像这样。另外2列未显示 enter image description here

可以通过不使用javascript来实现吗?如果我需要使用&#34; jquery-1.4.1.js&#34;或&#34; gridviewScroll.min.js&#34;我在哪里可以下载?对不起,我对编程很陌生,我真的不知道如何使用javascript或jquery。 如果我可以在gridview中添加边界线,那就太棒了。提前致谢!

1 个答案:

答案 0 :(得分:1)

CSS区分大小写,因此Overflow无效,overflow会有效。尝试

<div style= "overflow:auto; max-height: 150px; width: 800px">

仅在需要时使用croll bar或:

<div style= "overflow:scroll; max-height: 150px; width: 800px">   

总是有滚动条。

最后,避免使用内联样式,而是将其应用为类。