GRIDVIEW中使用滚动条

最新推荐文章于 2021-05-31 21:23:29 发布
最新推荐文章于 2021-05-31 21:23:29 发布
阅读量2.3k 收藏 1
点赞数
分类专栏： asp.net 
在asp.net 2.0 beta中，在gridview中插入滚动条，其实是很简单的，在其中插入PANNEL控件，其中有scrollbar属性，如下例子： 
<%@ Page Language="VB" %> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 

<script runat="server">
 
</script>
 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"> 
    <title>Untitled Page</title> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
    <table style="border: 1px solid black;width:600px" cellpadding=0 cellspacing=0> 

  <tr>
 
    <td width="193px" nowrap style="border-right: 1px solid black; height: 19px;"> Customer ID</td>
 
    <td width="195px" nowrap style="border-right: 1px solid black; height: 19px;"> Company Name</td>
 
    <td width="212px" nowrap style="height: 19px"> Contact Name</td>
 
  </tr>
 
  <tr>
 
    <td colspan="3" width="600px" style="border-top: 1px solid black">
 
      <asp:Panel ID="Panel1" runat="server" Height="250px" ScrollBars="Vertical" Width="600px">
 
        <asp:GridView ShowHeader="false" ID="GridView1" runat="server" AutoGenerateColumns="False"
 
                      DataKeyNames="CustomerID" DataSourceID="SqlDataSource1">
 
           <Columns>
 
             <asp:BoundField ItemStyle-Width="200px" DataField="CustomerID" ReadOnly="True" />
 
             <asp:BoundField ItemStyle-Width="200px" DataField="CompanyName" />
 
             <asp:BoundField ItemStyle-Width="200px" DataField="ContactName" />
 
           </Columns>
 
        </asp:GridView>
 
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="server=localhost;uid=sa;password=xxxx;database=northwind;" SelectCommand="SELECT [CustomerID], [CompanyName], [ContactName] FROM [Customers]">
 
        </asp:SqlDataSource></asp:Panel>
 
    </td>
 
  </tr>
 
</table>
 

    </div> 
    </form> 
</body> 
</html>

经测试，这个有时候是不行的。那么的话，可以用添加div 的形式


 

<div style="overflow:scroll;width:100%; height:280px">
                                                                                            <asp:GridView ID="MyListIndex" runat="server"  AutoGenerateColumns="False" DataKeyNames="IDXCODE,NAME"
                                                                                                Width="100%">
                                                                                                <Columns>
                                                                                                    <asp:TemplateField HeaderText="全选">
                                                                                                        <HeaderTemplate>
                                                                                                            <asp:CheckBox ID="CheckBox1" runat="server" οnclick="QX(this,'MyListIndex')" />
                                                                                                        </HeaderTemplate>
                                                                                                        <ItemTemplate>
                                                                                                            <asp:CheckBox ID="CheckBox2" runat="server" οnclick="QXZT('MyListIndex','CheckBox1','CheckBox2')" />
                                                                                                        </ItemTemplate>
                                                                                                    </asp:TemplateField>
                                                                                                    <asp:TemplateField HeaderText="所属机组">
                                                                                                        <ItemTemplate>
                                                                                                            <%# FormatUNIT(Eval("UNITID"))%>
                                                                                                        </ItemTemplate>
                                                                                                    </asp:TemplateField>
                                                                                                    <asp:TemplateField HeaderText="指标编码">
                                                                                                        <ItemTemplate>
                                                                                                            <%# DataBinder.Eval(Container.DataItem, "IDXCODE")%>
                                                                                                        </ItemTemplate>
                                                                                                    </asp:TemplateField>
                                                                                                    <asp:TemplateField HeaderText="指标名称">
                                                                                                        <ItemTemplate>
                                                                                                            <%# DataBinder.Eval(Container.DataItem, "NAME")%>
                                                                                                        </ItemTemplate>
                                                                                                    </asp:TemplateField>
                                                                                                </Columns>
                                                                                                <RowStyle CssClass="GridViewRowStyle" />
                                                                                                <HeaderStyle CssClass="GridViewHeaderStyle" />
                                                                                            </asp:GridView></div>

总结：Gridview本身是没有滚动条的，一般是利用DIV或者Panel将其包裹并限定高度来实现的

laodao1
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何给GridView添加滚动条
wangjrong的专栏
09-15 5855
第一种方法                          GridLines="Both" CellPadding="4" Width="560">                            第二种方法将Gridview放到一个div里面，设置div的style= "overflow:   auto; " 再加CSS （样式表）  .DataGridFixedHeader  
c#gridview滚动条固定表头
06-09
c# gridview 滚动条固定表头 IE已测试 c# gridview 滚动条固定表头 IE已测试 c# gridview 滚动条固定表头 IE已测试
css 限定GridView宽度并加上滚动条
09-25
采用如下的样式 [code] margin:auto; width:98%; overflow:scroll; _height:[removed]this.scrollHeight>365?"365px":"auto"); [/code]
asp.net GridView列宽度设置(横向滚动条)
songjuntao8的专栏
05-31 2331
在以GridView显示数据的时候,我们要控制每列显示的宽度,可是有时候我们发现,它的显示并没有按照我们设置的像素显示,要么有的列变宽了,要么有的列变窄了. 其实问题很好解决,我们只要想到GridView是会自动给各列分配宽度像素的,所以,除非你设置的各列宽度刚好等于这个GridView的总宽度,否则它就不会根据你的意念来设置各列的宽度. 解决的办法就是,留着一列不设置其宽度,在设置了其他列宽度的情况下,GridView自然会把所有剩下的宽度像素分配给这个没有设置宽度的列.这样一来,其他的列就是你要的显..
.NET GridView使用滚动条（通过<div>）
weixin_30608503的博客
01-04 375
<div style="height: 450px; width: 350px; overflow-x: auto; overflow-y: auto;"> <asp:GridView ID="GridView1" runat="server" BackColor="LightGoldenrodYellow" BorderColor="Tan" ...
Android使用GridView实现横向滚动效果
01-06
本文实例为大家分享了Android使用GridView实现横向滚动效果的具体代码，供大家参考，具体内容如下 第一次做横向滑动，看了一些列子，基本就2总：HorizontalListView和GridView。考虑的了下选择用比较熟的GridView，...
qml 实现gridview带滚动条和翻页
06-21
而在这个主题中，我们要讨论如何在GridView中添加滚动条和翻页功能，使得用户可以通过滚动浏览多页数据，或者通过点击页码或翻页按钮进行页面切换。 首先，让我们详细了解一下`GridView`的基本结构。在QML中，`...
DevExpress GridView自动滚动效果
01-20
这个报表我们使用的控件就是GridControl，查询结果一屏不能显示完全，增加一个定时器，指定时间让GridView自动滚动显示下一屏的信息。 同事的实现 但是看到同事实现的代码时，却觉得有点不舒服。他大概的代码如下：...
Scrollview和gridview同时使用时滑动解决方法
05-03
Scrollview和gridview同时使用的时候,Scrollview滑动gridview不滑动,Gridview滑动Scrollview不滑动!
TVPageScrollGridView:页面滚动网格视图
06-13
TVPageScrollGridView 电视应用 GridView 1、适配遥控器 DPAD 操作 2、翻页滚动，最后一页自动加载更多 #LICENSE
ScrollGridView
04-20
asp.net C# GridView 固定表头 冻结列 固定列
ListView，GridVIew.去掉右侧滚动条
lnny的博客
02-08 1968
直接在布局文件中增加属性增加：android:scrollbars="none" android:fadeScrollbars="false"setVerticalScrollBarEnabled(boolean b); 设置true时: 存在滚动条 设置false时： 隐藏滚动条setScrollbarFadingEnabled(boolean b); 设置true时： 活动时显示滚动条，不活动...
ASP.NET-GridView之固定表数据滚动
diaoyu3131的博客
07-04 360
有时候，在线Web开发时，需要显示的数据往往会超过我们规定的表格长度，所以为了方便显示大量数据，为了美观，这里提出了两种显示数据方式。 ①可以滚动显示数据但是表头未能获取 效果显示 前端DEMO <span style="font-family:Microsoft YaHei;font-size:18px;"><b...
GridView 滚动条
qiume的专栏
05-28 644
<asp:GridView ID="GridView1" runat="server" AllowPaging="True" AutoGenerateColumns="False" Width="2200px">
GridView禁止上下滚动的方法
weixin_30918415的博客
05-27 379
通常情况下,我们使用GridView来完成类似表格的布局,这种布局,我们只需要设置列数,会自动根据适配器的数据进行适配,非常灵活. GridView其实就是一个容器.允许向其内部添加控件,通常情况下,其内部类似一个ScrollView.是可以上下滑动的,很好的做到了屏幕适配.但是在有些情况下.我们需要GridView内部是不可以滑动的,在API中是没有这一项的,想简单又快速...
给Gridview实现横向滚动条
最新发布
07-15
要在GridView中实现横向滚动条，你可以将GridView放在一个具有固定宽度和`overflow-x: auto`样式的容器中。这样，当GridView的内容超出容器的宽度时，会自动显示横向滚动条。以下是实现横向滚动条的示例代码： ```aspx <div style="width: 500px; overflow-x: auto;"> <asp:GridView ID="myGridView" runat="server"> <!-- GridView的内容 --> </asp:GridView> </div> ``` 在上面的示例中，我们将一个固定宽度为500px的`<div>`容器包裹着GridView。通过设置`overflow-x: auto`样式，当GridView的内容超出容器宽度时，会自动显示横向滚动条。 请根据你的实际需求调整容器的宽度和样式。另外，记得将GridView的ID设置为`myGridView`，以便与代码示例保持一致。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值