开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >AG Grid:如何将滚动放在底部

问AG Grid:如何将滚动放在底部
EN

Stack Overflow用户

提问于 2019-03-24 20:32:29

回答 1查看 3.1K关注 0票数 1

我正在使用AG grid Angular创建一个日志视图，我将每秒向网格中添加许多条目，通常这种类型的视图底部有最新的条目，所以如果有一种好的方法可以让滚动停留在底部，这样我总是可以看到最新的条目，那就太好了。一个奖励将是，如果我可以手动向上滚动，滚动将停留在这个位置。

ag-grid-angular

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-04-19 23:03:00

这里有一种方法：

在标记中处理rowDataChanged：

<ag-grid-angular
  class="ag-dark"
  [rowData]="messages"
  [columnDefs]="columnDefs"
  [gridOptions]="gridOptions"
  (bodyScroll)="handleScroll($event)"
  (rowDataChanged)="handleRowDataChanged($event)">
</ag-grid-angular>

在rowDataChanged的处理程序中，调用ensureVisibleIndex滚动到添加的最后一行：

  gridOptions: GridOptions = {
    suppressScrollOnNewData: true,
  }
  handleRowDataChanged(event) {
    const index = this.messages.length - 1;
    this.gridOptions.api.ensureIndexVisible(index, 'bottom');
  }

演示：https://stackblitz.com/edit/angular-ag-grid-stuck-to-bottom

在该代码中，还存在一些逻辑，即何时根据滚动位置将表格滚动到末尾。

票数 3

EN

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

原文链接：

https://stackoverflow.com/questions/55328287

复制

相关文章

dotNet Core 3.1 使用 Elasticsearch

Elasticsearch Service apache 容器镜像服务 http

Elasticsearch 是基于 Lucene 的搜索引擎。可以非常方便地实现分布式的全文搜索，本文介绍在 dotNet Core 3.1 中怎样使用 Elasticsearch 。

oec2003

2021/02/19

8140

dotNet Core 3.1 使用 Elasticsearch

dotNet Core 3.1 使用 Aspose （部署 Docker）

容器 https 网络安全 centos

在之前的文章《dotNET Core中使用Aspose（部署Docker）》中介绍了在 dotNet Core2.1 中使用 Aspose ，并部署到 Docker 中，现在 dotNET Core 升级到了 3.1 ，Docker 镜像发生了变化，一些依赖的安装也有些变化。

oec2003

2020/11/03

7680

dotnet core 中可爱的代码

刚才看　dotnet core 的源代码例子，发现了一个非常简单的sample 代码：

田春峰-JCJC错别字检测

2019/02/14

3300

asp dotnet core 限制接口只能本机访问的方法

tcp/ip .net 官方文档 https 网络安全

本文告诉大家，如果限制某些 API 接口，只能让本机进行访问，如只能通过 127.0.0.1 调用某个接口的 get 或 post 方法

林德熙

2021/12/24

1.5K0

dotnet core 发布只带必要的依赖文件

https 网络安全

在使用 dotnet core 发布独立项目的时候，会带上大量依赖的库，但是通过微软提供的工具可以去掉一些在代码没有用到的库。

林德熙

2019/03/13

1.5K0

dotnet core 发布只带必要的依赖文件

.net linux 编程算法 ide

在使用 dotnet core 发布独立项目的时候，会带上大量依赖的库，但是通过微软提供的工具可以去掉一些在代码没有用到的库。

林德熙

2022/08/04

2310

ASP.NET Core 3.1后项目文件与.NET Core2.X的变化异同说明

asp 编程语言登录管理解决方案

虽然我们的.NET 6的项目，但是涉及到这里的变化其实从ASP.NET Coe 3.x就变化了。

角落的白板报

2023/03/21

8480

ASP.NET Core 3.1后项目文件与.NET Core2.X的变化异同说明

WPF dotnet core 的 Blend SDK Behaviors 库

之前版本是通过安装 Blend SDK 支持 Behaviors 库的，但是这个方法都是通过引用 dll 的方式，不够优雅。在升级到 dotnet core 3.0 的时候就需要使用 WPF 官方团队开源的 Microsoft.Xaml.Behaviors.Wpf 库代替

林德熙

2022/08/12

3140

.net javascript sdk ide

.NET Core SDK (5.0.100-preview.1.20155.7) 使用情况: dotnet [runtime-options] [path-to-application] [arguments] 执行 .NET Core 应用程序。 runtime-options: --additionalprobingpath <path> 要探测的包含探测策略和程序集的路径。 --additional-deps <path> 指向其他 deps.json 文件的路径。 --depsfile 指向 <application>.deps.json 文件的路径。 --fx-version <version> 要用于运行应用程序的安装版共享框架的版本。 --roll-forward <setting> 前滚至框架版本(LatestPatch, Minor, LatestMinor, Major, LatestMajor, Disable)。 --runtimeconfig 指向 <application>.runtimeconfig.json 文件的路径。 path-to-application: 要执行的应用程序 .dll 文件的路径。使用情况: dotnet [sdk-options] [command] [command-options] [arguments] 执行 .NET Core SDK 命令。 sdk-options: -d|--diagnostics 启用诊断输出。 -h|--help 显示命令行帮助。 --info 显示 .NET Core 信息。 --list-runtimes 显示安装的运行时。 --list-sdk

sofu456

2020/05/27

4860

dotNET Core 中怎样操作 AD？

.net https 网络安全编程算法数据库

做企业应用开发难免会跟 AD 打交道，在之前的 dotNET FrameWork 时代，通常使用 System.DirectoryServices 的相关类来操作 AD ，在 dotNET Core 中没有这个命名空间，在张善友大佬的推荐下，知道了 Novell.Directory.Ldap。

oec2003

2019/10/08

7600

asp dotnet core 通过图片统计 csdn 用户访问

缓存 .net asp tcp/ip 编程算法

在 csdn 的访问统计里面，只能用 csdn 提供的访问统计，因为在 csdn 中不支持在博客加上 js 代码，也就是无法使用友盟等工具统计。通过在 asp dotnet core 创建一个图片链接的方式，将这个链接作为图片放在 csdn 的博客，可以在链接被访问的时候统计用户访问

林德熙

2022/08/04

1.8K0

.NET Core 跨平台资源监控库及 dotnet tool 小工具

api linux windows .net https

CZGL.SystemInfo 是一个支持 Windows 和 Linux 等平台的能够获取机器硬件信息、采集机器资源信息、监控进程资源的库。

痴者工良

2021/04/26

9770

asp dotnet core 提供大文件下载的测试

腾讯云测试服务

本文仅仅是提供测试使用的代码提供文件下载只需要返回 PhysicalFile 方法，如下面代码 [HttpGet] public IActionResult Get() { var folder = Path.GetDirectoryName(Assembly.GetExecutingAssembly().Location); var file = Path.Combine(folder, "big file"

林德熙

2020/08/06

1.8K0

dotnet core 和 dotnet Framework 启动可执行文件的差别

.net linux 开源

在 Windows 下，使用 .NET Framework 构建出来的应用，可以只有一个可执行文件，在可执行文件里面包含了 IL 代码。而使用 .NET Core 构建出来的应用，将会包含一个 Exe 可执行文件，和对应的 Dll 文件，而 IL 代码将放在 Dll 文件里面。那么使用 .NET Framework 和使用 .NET Core 所输出的 Exe 可执行文件有什么差别

林德熙

2021/01/18

7480

springboot项目中静态资源的访问

spring 人工智能 html

springboot项目中静态资源的根目录是: src/main/resources/static 静态资源如html页面、图片、js、css等都放在此文件夹或该文件夹的子文件夹下。比如在sta

贪挽懒月

2018/05/18

1.3K0

dotNET Core：配置

云数据库 Redis®.net javascript 容器镜像服务 html

在dotNET Core中默认情况下没有了之前版本的App.config和Web.Config文件，换成了新的json格式的配置文件。当然，如果想使用之前的方式也是可以的。下面说说在dotNET Core中各种使用配置的方法。

oec2003

2019/07/19

6340

asp dotnet core 通过图片统计 csdn 用户访问缓存图片统计用户访问

缓存 .net asp tcp/ip 编程算法

在 csdn 的访问统计里面，只能用 csdn 提供的访问统计，因为在 csdn 中不支持在博客加上 js 代码，也就是无法使用友盟等工具统计。通过在 asp dotnet core 创建一个图片链接的方式，将这个链接作为图片放在 csdn 的博客，可以在链接被访问的时候统计用户访问

林德熙

2019/06/15

2.1K0

asp dotnet core 支持客户端上传文件

asp.net asp https 网络安全

新建一个 asp dotnet core 程序，创建一个新的类，用于给客户端上传文件的信息

林德熙

2019/03/13

6.4K0

EF Core 3.1 入门视频-02 创建数据库

http://mpvideo.qpic.cn/0b7854aacaaay4ajzgdojvpvb36dahxqaaia.f10002.mp4?dis_k=8a3835d77347ec6cd69f594

宿春磊Charles

2022/03/29

3600

微软热门开源项目及代码库地址

网络安全 https 开源 github git

非常流行的跨平台代码编辑器，提供全面的编辑和调试支持、可扩展性模型以及与现有工具的轻量级集成。

Edi Wang

2019/07/15

1.8K0

相似问题

使div居中并使其在固定容器内可滚动

10

可滚动区域内居中元素

13

如何:可滚动的大图像，居中的小图像，

23

tkinter中Text()内的可滚动框架()

10

可滚动框架中的文本小部件内联

12

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例