首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >ag-grid Height=100%崩溃

ag-grid Height=100%崩溃
EN

Stack Overflow用户
提问于 2017-02-23 03:52:41
回答 3查看 11.6K关注 0票数 10

在本地运行Basic AngularJS 1.x Example,找出style="height: 100%;"是否将网格折叠成水平线。将它设置为其他值,比如100px就行了。除了我的Angular是1.5.0,和ag-grid v8.1.0之外,一切都是一样的。

代码语言:javascript
运行
复制
<div ng-controller="exampleCtrl">
  <div ag-grid="gridOptions" class="ag-fresh" style="height: 100%;"></div>
</div>

看起来像窃听器。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2017-02-23 16:55:27

这几乎可以肯定是因为您的html文件中有DOCTYPE html。

如果你这样做了,那么你需要确保网格容器有一个非0的高度来填充,否则它会像你所发现的那样显示为一条平坦的线。

这不是ag-Grid特有的问题--这是没有使用quirks模式的副作用。

你要做的最简单的事情是:

代码语言:javascript
运行
复制
<style>
    html, body {
      width: 100%;
      height: 100%;
    } 

This StackOverflow Question/Answer很好地解释了潜在的问题

票数 13
EN

Stack Overflow用户

发布于 2020-05-15 15:40:05

有关angular.,请参阅下面的示例代码

代码语言:javascript
运行
复制
onGridReady(params) {
    this.gridApi = params.api;
    this.gridColumnApi = params.columnApi;

    //The ag-grid is not enlarging based on the page height, 
    //so dynamically adjusting the height of the grid
    this.gridApi.setDomLayout("autoHeight");
}

有关参考信息,请参阅此https://plnkr.co/edit/Jb1TD7gbA4w7yclU?preview

票数 12
EN

Stack Overflow用户

发布于 2020-10-21 20:10:49

代码语言:javascript
运行
复制
.ag-root-wrapper-body.ag-layout-normal.ag-focus-managed {
    height: 100%;
}

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42400979

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档