启用Telerik Rad网格水平滚动

启用Telerik Rad网格水平滚动,telerik,dotnetnuke,radgrid,Telerik,Dotnetnuke,Radgrid,我试图在telerik网格中启用水平滚动 我仿效了demo.telerik.com上的例子,但运气不好 这是我的密码。有人能帮我吗。 顺便说一下,我在DNN和DnnGrid中使用telerik网格 <div class="panel-body"> <div> <dnn:dnngrid allowfilteringbycolumn="true" currentfilterfunction="Contains"

我试图在telerik网格中启用水平滚动 我仿效了demo.telerik.com上的例子,但运气不好 这是我的密码。有人能帮我吗。 顺便说一下,我在DNN和DnnGrid中使用telerik网格

<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>

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

grid.ClientSettings.ClientEvents.OnGridCreating = "ShowHorizontalScroll"
该函数将溢出样式设置为自动。您可能还想隐藏垂直滚动条,因为我记得,如果启用该功能,Telerik将同时启用水平和垂直滚动条

该修复程序在某些浏览器中可能不起作用。该解决方案对我们有效,目前在Chrome上有效。如果IE需要,可能需要对样式进行小的更改

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