仅水平滚动的 RadGrid

【问题标题】：RadGrid with only horizontal scroll仅水平滚动的 RadGrid
【发布时间】：2012-10-22 06:20:32
【问题描述】：

我正在使用 RadGrid 分页 10、AllowScroll="true"、宽度和没有高度。这给出了我需要的，即只有水平滚动而没有垂直滚动的网格。但是现在的问题是，如果网格中只有一行，它会显示 9 行的空白。我的要求是，它的高度必须包装到可用的行数。

【问题讨论】：

标签： asp.net telerik-grid

【解决方案1】：

或者，如果您不想担心高度计算，请执行此操作！

// radgrid scroll horizontal only

<ClientSettings>                    
    <Scrolling AllowScroll="true" />
    <ClientEvents OnGridCreated="GridCreated" />
</ClientSettings>

//在页面下方添加javascript函数

function GridCreated(sender, args) {
                 $('.rgDataDiv').removeAttr('style');
               $('.rgDataDiv').attr('style', 'overflow-x: scroll;');
            }

【讨论】：

【解决方案2】：

<script type="text/javascript">
        function GridCreated(sender, args) {
        var scrollArea = sender.GridDataDiv;
        var dataHeight = sender.get_masterTableView().get_element().clientHeight; if (dataHeight < 350) {
            scrollArea.style.height = dataHeight + 17 + "px";
        }
    }
</script>

然后在您的 radgrid 的客户端设置区域中

<ClientSettings>
  <ClientEvents OnGridCreated="GridCreated" />
</ClientSettings>

【讨论】：