【问题标题】:How to enable grid horizontal scrolling with Telerik RadGrid?如何使用 Telerik RadGrid 启用网格水平滚动?
【发布时间】:2015-03-26 19:32:00
【问题描述】:

根据标题,我正在尝试为 Telerik RadGrid 启用水平滚动。之前,我使用了一个父 div 来控制宽度和高度,然后设置溢出属性,它启用了水平滚动。但是,使用这种方法,我的网格会延伸到 div 宽度之外,并且会保持一致。

现在我的代码如下所示:

<div style="height:100%; float:left; width:99%">
    <div id="divFull" runat"server" style="width:99%; height:99%">
        <Telerik:RadGrid ID="deskFull" runat="server" Width="3200px" Height="100%"
            AllowPaging="True">
            <ClientSettings>
                <Scrolling AllowScroll="True" UseStaticHeaders="True"
                    SaveScrollPosition="True" />
            </ClientSettings>
            <MasterTableView AutoGenerateColumns="False" TableLayout="Fixed">
                <Columns>
                    <Telerik:GridBoundColumn DataField="Desk" HeaderText="Desk" />
                    <etc...>
                    <etc...>
                </Columns>
            </MasterTableView>
        </Telerik:RadGrid>
    </div>
</div>

我想要实现的是不让 div 标签控制滚动,而是让 RadGrid 本身。我尝试通过 HeaderStyle-Width="200px" 将列宽设置为 200px,并将网格的宽度限制为父 div 的 100%,但这些都不起作用。网格上没有出现水平滚动条,而是在分页条下方留下了一大块空白。

我已经按照在线教程向我的同事寻求帮助,但没有得到任何答案。

【问题讨论】:

  • 您是否尝试将 ScrollHeight="" 添加到客户端设置? stackoverflow.com/questions/13589557/…
  • @rogerdeuce 是的,我尝试设置 ScrollHeight 但父 div 仍然控制滚动,而不是网格。

标签: asp.net vb.net telerik radgrid


【解决方案1】:

teleriks 网站上有很多这样的例子

http://www.telerik.com/forums/radgrid-horizontal-scrolling

其中规定:

为了显示导航的水平滚动,您需要确保列的总宽度(自动生成或以声明方式设置)超过网格的宽度。

这是一个显示水平滚动的现场演示:http://demos.telerik.com/aspnet-ajax/grid/examples/functionality/scrolling/scrolling/defaultcs.aspx

您确定网格中所有列的宽度都超过了网格宽度吗?尝试将网格设置为固定宽度。

【讨论】:

  • 我之前看过那个教程,没有任何东西可以专门解决这个问题。我准确地编写了演示在其网格设置中的内容,但什么也没发生,只是添加了空白。就像我上面说的,我将网格设置为父 div 的 100% 宽度,然后将每列设置为 200px。结果是出现了5、6列43,但是没有水平滚动条。
  • 你试过给网格一个固定的宽度而不是 100% 吗?
  • 我将网格设置为 3200 像素,并将每列设置为超过该宽度,但仍然没有发生任何事情。与您的答案相关的解决方案是在网格中设置列宽。我在后端设置宽度。感谢您的帮助。
  • 我的问题是网格的最小宽度设置为“适合内容”。一旦我删除它,滚动条就会出现。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-07-06
  • 2016-09-30
  • 1970-01-01
  • 1970-01-01
  • 2015-04-11
相关资源
最近更新 更多