Asp.net mvc 使用Telerik MVC扩展，网格控制，为什么调整窗口大小时不显示垂直和/或水平滚动？

Hy

在我的应用程序中，我使用Telerik扩展进行MVC网格控制：

有人知道为什么当我调整窗口大小（在任何浏览器中）时，垂直或水平滚动都不会出现吗

我正在将网格的宽度和高度设置为100%

 @(Html.Telerik().Grid<MyViewModel>()
      .Name("MyGrid")
      .HtmlAttributes(new { style = "display:table; width:100%; height: 100%;" })
...)

@（Html.Telerik（）.Grid（））
.Name（“MyGrid”）
.HtmlAttributes（新{style=“display:table；宽度：100%；高度：100%；”}）
...)

我甚至尝试过将网格放入宽度和高度均为100%的div中。。。当我调整窗口大小时仍然没有滚动

提前感谢,

---

杰夫。

您是在整个窗口上查找滚动条，还是仅在网格上查找滚动条

我在网格上有滚动条，当我在网格周围添加一个

div

时，将高度设置为100px，并将溢出设置为自动：

<div style="height: 100px; overflow:auto;">
    @(Html.Telerik().Grid<MyViewModel>()
      .Name("MyGrid")
    ...)
</div>

@（Html.Telerik（）.Grid（））
.Name（“MyGrid”）
...)

---

听起来网格没有问题，但是HTML有问题。添加更多的代码和关于您要完成的任务的更多细节。

我喜欢这个解决方案。不知何故，页面的样式有“溢出：隐藏”；设置为“自动”后，所有的卷轴都在那里。

对于垂直卷轴，我们可以使用以下命令；对于水平卷轴，只需使用div

<div class="DataGridXScroll">

@(Html.Telerik().Grid(listCustomerStatus)
                .Name("grvSalesAdjustment")
                .DataKeys(keys => keys.Add(k => k.CustCode))
                .Columns(column =>
                {

                })
               .Selectable()
               .Pageable(page => page.PageSize(100))
               .Scrollable(scroll => scroll.Height(300))
)
 </div>

这是Firefox和其他浏览器中的工作。对于IE只需使用以下CSS

---

设置触发滚动条的特定宽度。 样品

.可滚动（scr=>scr.高度（430））

---

希望有帮助

我在找整个窗口上的滚动条

.DataGridXScroll
{
    width: 1000px;   
    overflow-x: scroll;
    text-align:left;
}

.t-grid
{
   position: static;
   overflow:hidden;
}

.t-grid-content
{
   overflow-x: hidden;
   position:static; 
   width:100%;  
}

.t-grid-header-wrap
{
   position:static;    
}

.t-grid-content
{
   overflow-x: hidden;    
}

.t-grid-footer-wrap
{
  position:static;
}