启用Telerik Rad网格水平滚动

时间:2016-01-04 12:18:27

标签: telerik dotnetnuke radgrid

我正在尝试在telerik网格中启用水平滚动 我按照demo.telerik.com的例子,但没有运气 这是我的代码。谁能帮我这个 。 顺便说一下,我在DNN中使用带有DnnGrid的telerik Grid

<div class="panel-body">
    <div>
        <dnn:dnngrid allowfilteringbycolumn="true"
            currentfilterfunction="Contains"
            onitemdatabound="grd_ItemDataBound"
            oncolumncreated="grd_ColumnCreated"
            cssclass="grid"
            id="grdWaitingForCommand"
            runat="server"
            autogeneratecolumns="true"
            allowmultirowselection="false"
            onitemcommand="grd_ItemCommand"
            width="800px">
                <ClientSettings EnablePostBackOnRowClick="true">
                    <Scrolling AllowScroll="True" 
                        UseStaticHeaders="True" 
                        SaveScrollPosition="true"></Scrolling>
                    <Selecting AllowRowSelect="True" />
                </ClientSettings>
                <HeaderStyle Width="225px"></HeaderStyle>
                <MasterTableView >
                    <Columns>
                        <dnn:GridTemplateColumn 
                            UniqueName="IndexColumn" 
                            HeaderText="ردیف" 
                            AllowFiltering="false">
                            <ItemTemplate>
                                <asp:Label ID="numberLabel" runat="server" Width="30px" />
                            </ItemTemplate>
                            <HeaderStyle Width="30px" />
                        </dnn:GridTemplateColumn>
                    </Columns>
                </MasterTableView>
            </dnn:dnngrid>
    </div>
</div>

1 个答案:

答案 0 :(得分:0)

我有同样的要求。从我们这一方面来看,第一部分是使用Telerik的演示设置网格的正确属性。下一部分是一个javascript函数,它是在创建网格时执行的。

grid.ClientSettings.ClientEvents.OnGridCreating = "ShowHorizontalScroll"

该函数将溢出样式设置为auto。您也可能想要隐藏垂直滚动条,因为根据我的记忆,如果启用该功能,Telerik会启用水平和垂直滚动条。

此修补程序在某些浏览器中可能无效。该解决方案适用于我们,目前适用于Chrome。如果是IE,可能需要对样式进行小的更改。

现在我看到,列的宽度小于网格的宽度。您可以减小网格的宽度或增加列的宽度,您应该看到滚动。