具有固定标题和全页宽度网格的Gridview
IT研究员
我之前曾问过问题，在冻结gridview中的标题期间要正确设置标题宽度和列，通过使用这些解决方案，我发现分辨率有些问题，所以我在设计本身中添加了所有列。但是当列的文本长度较大时，我仍然面临问题。
我试图通过使用此链接中给出的代码冻结Gridview的标题
它可以工作，但问题是将Gridview固定为完整的页面大小宽度。也就是说，Gridview应该在浏览器中全屏显示。如果列的内容很小，它将正常工作。但是，如果列的长度值较大，则数据在一个单元格内需要大约2或3行。在这种情况下，网格标题宽度和列宽度设置不均，看起来很奇怪。我尝试将HeaderStyle-Width和ItemStyle-Width与％vales一起使用。我没有在脚本中进行任何更改。但这没有帮助。所以我试图通过为每列指定HeaderStyle-Width和ItemStyle-Width来解决此问题。然后工作正常。但是这里我面临另一个问题。那是由于固定的宽度，网格将不会显示全屏。对于高分辨率显示网格，仅显示约75％的屏幕宽度。
那么如何解决。我希望网格显示为全屏，并且列和标题应正确对齐。
丹尼斯·R
如果您不介意使用一个小jquery插件，则可以节省您的时间。我知道我以前曾使用一个CSS表达式和javascript解决方案在互联网上尝试过所有建议，这是我较早的项目之一，但它总是会在一个或其他浏览器中中断，并且标题列宽度和行列宽度可能无法与动态对齐数据长度。
链接到完成此工作的GridViewScroll Demo。
这是我在应用程序中使用它的方式，它可以完美运行。对于类似的问题，请参阅我关于SO的另一个答案。
<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
}
});
}
屏幕上显示冻结的网格标题在我的应用程序中的外观。如果行数据很长，则可以冻结表格的某些列。从图像中，显示为灰色的列是在我的应用程序中冻结的列。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
具有响应表宽度的HTML表固定标题
- 2
具有可滚动行和固定标题的表
- 3
具有固定标题/标题的内联div
- 4
具有固定标题和表格响应引导程序的垂直对齐中间
- 5
创建具有固定标题和可变列宽的表格的最简单的方法是什么？
- 6
带有固定标题和固定列的HTML表格
- 7
具有固定宽度网格的引导程序和应跨越窗口宽度的图像
- 8
具有固定标题的可调整大小的列表
- 9
CSS：具有多个表头的固定标题的滚动表
- 10
具有固定标题的UWP垂直滚动条
- 11
具有固定标题的可滚动div内容区域
- 12
具有固定标题的Android列表片段
- 13
具有固定标题的水平和垂直滚动内容
- 14
CSS：具有多个表头的固定标题的滚动表
- 15
具有固定标题的Android Listview表
- 16
具有水平滚动内容的固定标题
- 17
如何使固定标题宽度为 100%
- 18
全页高度，带有固定的页眉和页脚
- 19
带有固定子标题的固定标题和下面的可滚动内容
- 20
固定列表的固定标题根据宽度不响应
- 21
PocketGrid：具有固定宽度的导航列的网格布局
- 22
某些列具有固定宽度的CSS网格
- 23
如何制作具有固定宽度的色谱柱的流体网格？
- 24
将全宽固定标题与主要内容对齐？
- 25
带有固定标题的组合框
- 26
具有固定标题的滚动视图（android）setCanceledOnTouchOutside不起作用
- 27
具有自适应列宽的可滚动固定标题 html 表
- 28
获取FooterRow（gridview）中具有特定标题文本的单元格数
- 29
带有固定标题列和行且没有JS的HTML表格
我来说两句