C# 冻结gridview标题和子标题
关于冻结/固定GridView标题,SO和ElesWhere中提出了多个问题。我目前正在为单头GridView使用一个插件 但它不是很优雅。因为在调用jQuery函数后,标题列与数据列不对齐 圆圈列的轮廓显示“未对齐”。 除了未对齐的问题外,还需要冻结另一个GridView的标题和子标题,如下所示 现在,这引起了一些担忧C# 冻结gridview标题和子标题,c#,jquery,asp.net,gridview,jquery-plugins,C#,Jquery,Asp.net,Gridview,Jquery Plugins,关于冻结/固定GridView标题,SO和ElesWhere中提出了多个问题。我目前正在为单头GridView使用一个插件 但它不是很优雅。因为在调用jQuery函数后,标题列与数据列不对齐 圆圈列的轮廓显示“未对齐”。 除了未对齐的问题外,还需要冻结另一个GridView的标题和子标题,如下所示 现在,这引起了一些担忧 为子标题编写新的jQuery插件。我需要大量的知识支持来写一本新的 创建两个不同的GridView,一个用于标题,另一个用于数据。而且会有对齐问题(因为这是最早的设计),加
考虑到这种情况和选项,我只是不知道什么是成本较低(时间/精力)的方向,但对未来的更新具有灵活性。另外,对于编辑当前jquery函数以适应单标题GridView的正确对齐方式的任何见解,我也表示感谢。由于您已经为此使用了一个插件,我相信您应该不难再使用另一个插件,但这一次它应该使您的标题宽度与数据列对齐。确保使用
boundcolumn
或TemplateField
链接到GridViewScroll,可以完美完成此工作。从下载插件。
关于类似的问题,请参考我的其他答案等
这是密码
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="gridviewScroll.min.js"></script>
<link href="GridviewScroll.css" rel="stylesheet" />
function pageLoad(sender, args) {
gridviewScroll ();
}
function gridviewScroll() {
gridView1 = $('#GridView1').gridviewScroll({
width: 915,
height: 449,
railcolor: "#F0F0F0",
barcolor: "#CDCDCD",
barhovercolor: "#606060",
bgcolor: "#F0F0F0",
freezesize: 5,
arrowsize: 30,
varrowtopimg: "../../../images/arrowvt.png",
varrowbottomimg: "../../../images/arrowvb.png",
harrowleftimg: "../../../images/arrowhl.png",
harrowrightimg: "../../../images/arrowhr.png",
headerrowcount: 1,
onScrollVertical: function (delta) {
// store the scroll offset outside of this function in a hidden field and restore if you want to maintain vertical scroll position
},
onScrollHorizontal: function (delta) {
//store the scroll offset outside of this function in a hidden field and restore if you want to maintain horizontal scroll position
}
});
}
函数页面加载(发送方,参数){
gridviewScroll();
}
函数gridviewScroll(){
gridView1=$('#gridView1')。gridviewScroll({
宽度:915,
身高:449,
railcolor:#f0,
barcolor:#CDCDCD“,
barhovercolor:#606060“,
bgcolor:#f0,
尺寸:5,
箭头尺寸:30,
varrowtopimg:“../../../images/arrowvt.png”,
varrowbottomimg:“../../../images/arrowvb.png”,
harrowleftimg:“../../../images/arrowhl.png”,
harrowrightimg:“../../../images/arrowhr.png”,
总人数:1,
onScrollVertical:函数(增量){
//将此功能之外的滚动偏移量存储在隐藏字段中,如果要保持垂直滚动位置,请恢复
},
onScrollHorizontal:函数(增量){
//如果要保持水平滚动位置,请将此功能之外的滚动偏移量存储在隐藏字段中并还原
}
});
}