css - 如何在没有垂直滚动的情况下将基于页面大小的数据加载到 ui-grid-viewport 中？

Question

更新:

我是 Angular 的新手。 我想将分页数据加载到没有垂直滚动条的 ui.grid 中。 假设我有 100 个数据，页面大小为 50。我想将所有 50 个数据显示到没有右侧滚动条的 ui.grid 中。当页面大小设置为 100 时，100 个数据将显示到网格中。我能够删除滚动条，但无法显示 50 条数据。 Existing UI是当前 View 。但我想从集成的 ui.grid 中删除标记的滚动条。 请帮帮我。

谢谢。

Answer 1

这次一些重写的​​样式(css)帮助了我。 ui-grid-pagination 和 ui-grid-auto-resize 是必需的。

这是代码

.ui-grid-pager-panel
{   
    position:relative !important;
}

.grid, .ui-grid
{   
    height:auto;
}
.ng-isolate-scope
{
    height:auto !important;
    #overflow: scroll ;
}
.ui-grid-canvas{

    width:auto;
    height:auto !important;
}
.ui-grid-viewport{
    height:auto !important;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
}
.ui-grid-pager-container,.ui-grid-pager-count-container
{
    padding-top:5px;
}

我已经解决了。这是 link .

谢谢