Gridview具有固定标题和整页宽度网格

我之前在网格视图中冻结标题期间我先问过问题设置标题宽度和列通过使用这些解决方案我发现了解决方案的一些问题所以我在设计本身添加了所有列。但是当列有大文本时我仍然面临问题。

我试图通过使用此链接中给出的代码冻结Gridview的标头

它的工作原理但问题是将Gridview修复为整页大小宽度。 那就是Gridview应该在浏览器中全屏显示。 如果列的内容很小,它可以正常工作。 但是,如果列具有较大的长度值,则数据在单元格内需要大约2或3行。 在这种情况下,网格标题宽度和列宽度没有设置相同,看起来很奇怪。 我尝试将HeaderStyle-Width和ItemStyle-Width与%vales一起使用。我没有在脚本中更改任何内容。 但它没有帮助。 所以我试图通过为每列指定HeaderStyle-Width和ItemStyle-Width来解决这个问题。 然后它工作正常。 但在这里,我面临另一个问题。 这是由于固定宽度网格不会全屏显示。 对于高分辨率显示网格,仅显示约75%的屏幕宽度。

那怎么能修好呢。 我希望网格显示为全屏,列和标题应正确对齐。

如果你不介意使用一个小的jquery插件,那么它可能会节省你的时间。 我知道我以前在互联网上尝试使用css表达式和javascript解决方案为我之前的一个项目提出的所有建议,但它总是在一个或其他浏览器中断,并且标题列宽度和行列宽度可能不对齐动态数据长度。

链接到GridViewScroll Demo ,可以完美地完成这项工作。

这是我在我的应用程序中使用它的方式,它完美无缺。 关于类似问题,请参阅我的另一个答案 。

    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 } }); } 

屏幕上会显示冻结网格标题在我的应用程序中的显示方式。 如果您有一个冗长的行数据,您可以冻结网格的某些列。 从图像中,灰色的列是我的应用程序中冻结的列。

在此处输入图像描述