我正在尝试在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>
答案 0 :(得分:0)
我有同样的要求。从我们这一方面来看,第一部分是使用Telerik的演示设置网格的正确属性。下一部分是一个javascript函数,它是在创建网格时执行的。
grid.ClientSettings.ClientEvents.OnGridCreating = "ShowHorizontalScroll"
该函数将溢出样式设置为auto。您也可能想要隐藏垂直滚动条,因为根据我的记忆,如果启用该功能,Telerik会启用水平和垂直滚动条。
此修补程序在某些浏览器中可能无效。该解决方案适用于我们,目前适用于Chrome。如果是IE,可能需要对样式进行小的更改。
现在我看到,列的宽度小于网格的宽度。您可以减小网格的宽度或增加列的宽度,您应该看到滚动。