c# - 如何在 gridView asp.net 中制作 X 滚动？

Question

我正在尝试在 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 列未显示

不使用javascript可以实现吗？如果我需要使用“jquery-1.4.1.js”或“gridviewScroll.min.js”在哪里可以下载？抱歉，我对编程还很陌生，我真的不知道如何使用 javascript 或 jquery。如果我可以在 GridView 中添加边框线，那就太好了。提前致谢!

Answer 1

CSS 区分大小写，因此 Overflow 不起作用，但 overflow 可以。尝试一下

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

仅在需要时应用滚动条，或者:

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

始终有滚动条。

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