首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >是否有任何方法/api来设置在ag网格中顶部显示的某一行?

是否有任何方法/api来设置在ag网格中顶部显示的某一行?
EN

Stack Overflow用户
提问于 2019-07-22 04:50:29
回答 1查看 873关注 0票数 0

当我不调用任何网格api时,它当然会显示网格--使用第一个索引行查看。但在这里,我想要实现的是,使用ag网格,我想设置一个特定的行,以显示在顶部。我尝试过在ensureIndexVisible事件钩子上使用targetIndex,但是当它完成呈现后滚动到行时,它会导致一种尴尬的用户体验。因此,我想知道是否有任何其他方法来满足这一需求,但没有尴尬的用户体验。这是我的试探性片段:

使用角7

代码语言:javascript
复制
// template
<ag-grid-angular
  [rowData]="rowData"
  (firstDataRendered)="onRendered()">
</ag-grid-angular>

// component
onRendered(): void {
  const targetIndex = this.getTargetIndex();

  this.gridOptions.api.ensureIndexVisible(targetIndex, 'top');
}
EN

回答 1

Stack Overflow用户

发布于 2019-07-22 09:30:37

您可以使用ag网格的行固定功能将单个或多个行固定在网格的顶部或底部。

设置固定行的api是setPinnedTopRowData

代码语言:javascript
复制
this.gridApi.setPinnedTopRowData(rows);

示例柱塞,演示行钉扎功能- https://plnkr.co/edit/?p=preview

在这里阅读有关ag-grid文档中行钉扎的更多信息- https://www.ag-grid.com/javascript-grid-row-pinning/

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

https://stackoverflow.com/questions/57139352

复制
相关文章

相似问题

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