Question

我试图让ui-grid使用flexbox填充我的容器。

<div style="width: 100%; height: 400px; display: flex;">
  <div ui-grid="gridOptions" style="flex-grow: 1"></div>
</div>

我也试过使用top，left，right，bottom = 0的绝对定位，结果不正确。

网格似乎是在内部设置高度而不是监听html / css。

我尝试用

覆盖ui-grid css

.ui-grid {
  height: 100% !important;
}
.ui-grid-viewport {
  height: 100% !important;
}

仅部分有效。当网格没有行时，水平滚动条位于标题的正下方。我希望网格和滚动条填充容器，以便滚动条位于左侧和底部。

我不想使用ui-grid-auto-resize模块，因为它是性能问题。

是否有解决方案让ui-grid使用指定的css？

Answer 1

也许你需要在css上更具体一些

这是帖子https://github.com/angular-ui/ui-grid/issues/3150

该地址直接改变了ui-grid css：

例如：

.ui-grid-menu .ui-grid-menu-inner {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
}
.ui-grid-menu .ui-grid-menu-inner ul li:hover {
/* remove box shadow */
background: #ddd;
}

这是你能得到的最具体的，

希望它有所帮助。

ui-grid高度覆盖了我的CSS

1 个答案: