Telerik RadGrid 滚动条正在偏移列

Question

我有一个页面，其中包含 1 到 6 个动态构建的 iframe，在页面的两列中包含 RadGrid。我已经设法得到一个名为 Document Number 的列，以便在所有这些列中排列，但是如果其中一个包含更多数据，那么它所允许的空间将会滚动。这是预期的和正确的。

我的问题是，当滚动条确实显示它会将我的所有列推到该网格中的一小部分时，现在它与其他网格不同步。我添加了一个小列，我可以动态显示它以推动其他网格的列进行匹配，我只需要能够检测/确定是否实际显示滚动条。

我发现了一个old telerik post，它建议我使用滚动高度与溢出高度，如果滚动高度更大，那么我们知道有一个滚动条正在显示。我尝试使用提供的 javascript 表明该帖子已过时并且 GridDataDiv 不再存在。

是否有新的/更新的方法来检测滚动条的存在？或者，有没有更好的方法让我的文档编号列，即使滚动条如何？

Answer 1

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

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;