Javascript ui网格的高度问题

Javascript ui网格的高度问题,javascript,css,angularjs,angular-ui-grid,Javascript,Css,Angularjs,Angular Ui Grid,我想在angularJS ui网格上使用height:auto。我在添加ui网格属性的div上设置特定高度的内联样式遇到问题。还有一个名为getViewPortStyle()的函数,该函数将动态地向.ui网格视口类添加高度和宽度 关于应用于具有ui网格属性的元素的内联样式,我已经尝试使用height:auto!重要的。当用户通过鼠标移动操作浏览器来增加或减少窗口宽度或高度时,getViewPortStyle()将触发,这一点非常有效 我的想法是跳过ui网格,这样getViewPortStyle(

我想在angularJS ui网格上使用
height:auto
。我在添加ui网格属性的div上设置特定高度的内联样式遇到问题。还有一个名为
getViewPortStyle()
的函数,该函数将动态地向.ui网格视口类添加高度和宽度

关于应用于具有ui网格属性的元素的内联样式,我已经尝试使用
height:auto!重要的。当用户通过鼠标移动操作浏览器来增加或减少窗口宽度或高度时,
getViewPortStyle()
将触发,这一点非常有效

我的想法是跳过ui网格,这样
getViewPortStyle()
函数就不会启动。我很想通过ui网格api禁用此功能,但我在文档中找不到任何可以解释如何做到这一点的内容

对不起,我在这个问题上说得太多了。我会试着把它钻下去

“如何禁用
getViewPortStyle()
函数以触发或覆盖基于浏览器窗口控制网格高度和宽度的CSS?”

ui网格getViewPortStyle函数
增加
高度:100%
到.ui grid的子元素,其中包含
高度:auto解决该问题。为了简洁起见,这里是LESS/SASS嵌套版本

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

.ui网格视口{height:100%!important;}

无论添加多少行,此操作都有效吗?我担心一旦超过虚拟化阈值,这些行将停止渲染。我将通过分页添加多达60行。我会做一些测试,看看这个。谢谢!我在这件事上浪费了很多时间,你的解决方案救了我。它也适用于不同数量的分页行。请查看新发布的ui网格,在这段代码可能回答问题的同时工作,并提供有关这段代码为什么和/或如何回答问题的其他上下文,以提高其长期价值。
.ui-grid {
  height: auto;
   .ui-grid-viewport {
     height: 100% !important;
   }
 }