jqGrid滚动条,高度问题

时间:2014-01-07 17:47:21

标签: javascript jquery html css jqgrid

使用jqGrid 4.5.3。在网格定义中,我有以下代码来设置宽度和宽度。网格的高度。它将网格设置为页面高度和高度的30%。页面宽度的90%。

var wid = $(window).width();
var hite = $(window).height();
var ghite = parseInt(hite * 0.3), 10);
var gwid = parseInt(wid * 0.9), 10);
jQuery("#myGrid").jqGrid({
      ..... url, datatype, colnames, etc
      colModel [ colmodel info for all the columns 
               ],
      width: gwid,
      height: ghite,
      scrollerbar: true,
.... and so on

无论显示什么数据,我都希望保持网格中列的列宽不变。我在网格上有一个滚动条,以防有多行,而不是一次显示。

问题在于要显示的数据行较少。我仍然希望保持网格高度和高度相同。宽度,但一个问题是滚动条的占位符仍然存在&使网格看起来不完整。另一个问题是没有网格行的空白区域看起来与网格中的任何现有行无法区分。

有没有办法做以下事情之一?第一种选择是让滚动条占位符不占用网格宽度的一部分(如果不需要)。第二种选择是在网格内使“空”空间看起来像网格的页眉或页脚(相同的颜色)。

如果有可能,或者有更好的方法来使用jqGrid,我们将不胜感激。

编辑

在回答关于它看起来像什么的问题时,我附上了一个图片,当有少量行而不是空间允许时,网格看起来是什么样的,以及当行数多于空间允许的行时。

左侧的图像显示了滚动条占用的空白区域,如果有更多行(或者由于列中的自动换行,行更高)。它还显示了网格底部的“死”空间,没有任何显示。

右侧的图像显示了带有滚动条的网格示例,当有更多记录可用时,可以一次显示。

我尝试过使用:

scrollOffset: 0,

在网格定义中。但是,它允许恢复Enabled列和&之间的空白区域。网格的边缘(如左图所示),当数据集大于一次在网格中显示的数据集时,它会产生意外的结果:同时放入VERTICAL和HORIZONTAL滚动条。

我的意图是让网格占据页面内保持相同高度和空间的空间。 width,是否在网格中显示0,3或100行。如果这些信息有助于澄清我的要求,请告诉我。

Grid Image combined

0 个答案:

没有答案