为DataGrid添加scrollbar并固定header

最新推荐文章于 2022-02-18 11:11:48 发布
最新推荐文章于 2022-02-18 11:11:48 发布
阅读量808 收藏
点赞数
分类专栏： .NET技术 文章标签： datagrid header stylesheet asp div server
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/l1981z/article/details/3739357
版权

1.首先在页面中划出一个带有滚动条的区域：
<DIV style="OVERFLOW:auto; WIDTH:54.55%; HEIGHT:136px; TEXT-ALIGN:left">

</DIV>

2.将datagrid添加到区域之中并引用css固定标题：

<HEAD>
    ......

    <link rel="stylesheet" href="StyleSheet1.css" type="text/css">

</HEAD>


<body〉
<DIV style="OVERFLOW:auto; WIDTH:54.55%; HEIGHT:136px; TEXT-ALIGN:left">


<asp:datagrid id="DataGrid1" runat="server" AllowSorting="True" Height="96px" GridLines="Vertical"
     CellPadding="3" BackColor="White" BorderWidth="1px" BorderStyle="None" BorderColor="#999999"
     Width="592px" ShowHeader="true">
  <SelectedItemStyle Font-Bold="True" Wrap="False" ForeColor="

最低0.47元/天 解锁文章
l1981z
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
GridView或DataGrid 固定表头,滚动数据的例子.
cpp2017(慕白兄)的专栏
02-03 3393
1.主要利用table style的 layout=fixed属性按照当前表头再copy一个table,显示在当前datagrid或gridview的前面.2.注意:调用的时候,datagrid 或gridview       要有style="table-layout:fixed" 和 width=?? 属性.  另外还有个自定义属性 viewheight 是可选,表示滚动内容区域的高度
固定表头的DataGrid
dshj的专栏
09-14 948
前后折腾快一个星期了，不知道还有什么问题没了。主要属性：IsAutoWidth  获取设置是否自动调整宽度,如果设置为true则忽略width的设置IsAutoHeight   获取设置是否自动调整高度,如果设置为true则忽略height的设置使用方法：                    MSw:ScrollingGrid ID="dg1" runat=server 
datagrid中添加滚动条
热门推荐
mdot的专栏
12-05 1万+
DATAGRID中是没滚动条的，要添加的话其实很简单，只需要： 其实是利用了CSS属性
有滚动条、固定Header的ASP.Net DataGrid实现
weixin_30538029的博客
06-17 103
有滚动条的ASP.Net DataGrid控件：　　using System;　　using System.Web.UI;　　using System.Web.UI.WebControls;　　using System.ComponentModel;　　using System.Diagnostics;　　using System.IO;　　using System.Web.U...
Sliverlight，为DataGrid添加外置的滚动条(ScrollBar)和分页(DataPager)
wushang923的专栏
01-17 4506
最开始的情况： 希望的效果： 方法1：我修改了DataGrid的样式，是可以达到目的，不过要配好外面的DataPager来确定位置，如果DataPager的宽度改变了，那么就需要手动再去修改Style里滚动条位置(不过一般情况也不会去修改~)。 方法2：在外面创建一个ScrollBar然后通过这个滚动条来控制表格的滚动。 想到了绑定，不过直接在DataG
小程序实现上拉加载
zuiruolong的博客
12-25 2293
无论是微信小程序还是其他前端框架，都会遇到上拉加载（上拉加载也是懒加载）和下拉刷新这种问题，清楚的知道什么时候请求数据，请求返回几种情况，那么做这个懒加载就很简单了。 1.首先我们固定一个列表数据的view高度让他的列表数据超过容器就可以滚动了。 2.那么列表的数据请求就会分成两种情况，一种是初始化页面加载第一页的数据；一种是滚到底部请求下一页的数据，所以我们在请求时要分两种情况，若是第一个ispage=false，下一页数据就ispage=true 3.第一步的固定高度的view，它在往上滚动的时候，滚动
给DataGrid自定义Header功能
07-31
标题“给DataGrid自定义Header功能”和描述“给DataGrid添加自定义的headerRenderer，实现在Header上自己添加想要的界面功能”正是关于这个主题的说明。下面将详细介绍如何实现DataGrid的自定义Header。 首先，理解...
为DataGrid添加确认删除的对话框
12-05
为DataGrid添加确认删除的对话框 confirm javascript
EasyUI的DataGrid每行数据添加操作按钮的实现代码
08-29
在DataGrid加载完成后，使用`onLoadSuccess`回调将这些链接转换为EasyUI按钮，并为按钮添加点击事件监听器以处理用户操作。这种方法使得在DataGrid中集成操作按钮变得简单而直观，为用户提供了一种交互式的数据管理...
DataGrid固定表头
06-20
DataGrid锁定表头数据滚动,不需要后台代码,不用自定义Table
WPF设置表头
12-26
动态Datagrid设置表头，由用户自己设置该字段是否在界面显示
JQuery EasyUI学习教程之datagrid 添加、修改、删除操作
10-21
主要介绍了JQuery EasyUI datagrid 添加、修改、删除操作的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
datagrid框架的删除添加与修改
09-05
例如`validatebox`、`textarea`、`checkbox`、`numberbox`、`datebox`、`combobox`、`combotree`等，这些样式可以通过`type`属性指定，并通过`options`属性设置额外的编辑规则，如`required`表示该字段为必填项。...
DATAGRID固定表头【转】
dancer 的专栏
07-14 1628
www.MyCodeBehind" Src="result.cs" %> 查找日工作報告&計劃 div#tbl-container { width: 780px; height: 290px; overflow: auto; scrollbar-base-color:#ffeaff; } table { table-layout: fixed; bo
datagrid固定头
cuizhanjun1981的专栏
04-08 550
//把头css设置为这个就可以了。.fixHeaderStyle { font-size: 9pt; vertical-align: middle; text-transform: capitalize; font-family: "Arial" , "Helvetica" , "sans-serif"; height: 25px; background-color: #ecf4fe; text-
silverlight中DataGrid的滚动条绑定事件问题
07-07 112
今天遇到一个问题： 需要在点击红色框中的滚动条时，将窗体在最上层显示，点击datagrid的其它地方都能让窗口最上层显示，唯独滚动条不可以。 但是在silverlight不能获取到DataGrid的滚动条对象，这点很郁闷。按理说它是DataGrid的一部分，在DataGrid的控件范围内点击都能触发DataGrid的 鼠标点击事件，事实却让我很失望。 最后找到以下解决方法: ...
WPF DataGrid 通过自定义表头模拟首行固定
dotNET跨平台
09-26 1815
WPF DataGrid 通过自定义表头模拟首行固定独立观察员 2021 年 9 月 25 日最近工作中要在WPF中做个表格，自然首选就是DataGrid控件了。问题是，UI 设计...
WPF DataGrid设置滚动条宽度
悠然的博客
02-18 2594
1.引用命名空间 xmlns:sys=“clr-namespace:System;assembly=mscorlib” 2.设置宽度 <DataGrid> <DataGrid.Resources> <sys:Double x:Key="{x:Static SystemParameters.VerticalScrollBarWidthKey}">5</sys:Double>//垂直 <sys:Double x:Key="{x:Stat
DataGrid添加四列并绑定数据源
最新发布
04-24
好的，您可以使用以下代码向DataGrid添加四列并绑定数据源： ``` <DataGrid x:Name="myDataGrid" AutoGenerateColumns="False"> <DataGrid.Columns> <DataGridTextColumn Header="ID" Binding="{Binding ID}" /> ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值