Telerik RadGrid滚动条正在抵消列

Telerik RadGrid scrollbar is offsetting the columns

本文关键字:抵消 RadGrid 滚动条 Telerik      更新时间:2023-09-26

我有一个页面,在页面上的两列中包含1到6个动态构建的iframe。我已经设法获得了一个列的名称文档号排队在所有他们,但是,如果其中一个包含更多的数据,那么空间允许它将滚动。这是意料之中的,也是正确的。

我的问题是,当滚动条确实显示它推动我的所有列在那个网格中只留下一个小点,现在它与其他网格不同步。我已经添加了一个小列,我可以动态显示,以推动其他网格的列匹配,我只需要能够检测/确定滚动条是否实际显示。

我发现了一个旧的teleerik帖子,建议我使用滚动高度vs溢出高度,如果滚动高度较大,那么我们知道有一个滚动条被显示。我尝试使用提供的javascript告诉我,这篇文章已经过时,GridDataDiv不再存在。

是否有新的/更新的方式来检测滚动条的存在?或者,有没有更好的方法让我的文档数字列,即使不考虑滚动条?

比较网格的客户端宽度和网格数据的滚动区域宽度:

var grid = document.getElementById("RadGrid1"),
    scrollArea = document.getElementById("RadGrid1_GridData");
// ex. 171 (note no units included)
alert("grid.clientHeight: " + grid.clientHeight);
// ex. 300px (note the "px" units are included)
alert("scrollArea.style.height: " + scrollArea.style.height);
// Is the verticle scroll bar visible?
var vertIsVis = scrollArea.style.height.replace("px", "") > grid.clientHeight;