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

时间:2017-12-13 11:26:40

标签: css angularjs

更新:

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

谢谢。

1 个答案:

答案 0 :(得分:1)

这次有些被覆盖的风格(css)帮助了我。 ui-grid-paginationui-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

由于